2017-06-17 44 views
0

我正在尝试将图像集中在actionlink中,但我无法做到,您是否可以尝试查看我失败的位置。 在我的代码显示的是在数据库MVC中的图像中心文本

model List<Clothes> 
@using FinalProject.Models; 

@{ 
    ViewBag.Title = "Home Page"; 
} 

<br /><br /><br /> 

@if (Model != null) 
{ 

     foreach (Clothes Id in Model) 
     { 

      if (Id.Amount > 0) 
      { 
       <div class="col-sm-3"> 

        <img src="~/Content/img/@Html.DisplayFor(model => Id.ImagePath)" style="height:200px;width:200px;" /> 
        <br /> 
        <p class="navbar-text">@Html.ActionLink("Add To Cart", "Order", "RealCart", new { idOrder = Id.Id }, null)</p> 
        <br /> 
        <br /> 
       </div>    
      } 

     } 

} 
+0

尝试在'.col-sm-3'中添加类'text-center' –

+0

它没有工作 –

+0

只给我们呈现的html和css。创建你的文章中描述的问题[mcve]。你的c#代码是不必要的,因为这只是一个CSS问题。 –

回答

0

尽可能多的图片,我可以看到这里,你定义:

<div class="col-sm-3"> 

如果你想在一个中心显示图像屏幕添加col-sm-12等于col-sm-3,但在尝试之前,您可以尝试将text-center class添加到.col-sm-x,其中一些可能会对您有所帮助。请申请,并在这里留下回复,这有助于你。