中心文本与MVC中的图像

时间:2017-06-17 18:49:32

标签: c# css asp.net-mvc view display

我试图将动作链接与图像对中,但我无法,你能不能试着看看我在哪里失败了。 在代码中,我显示了数据库中的图像

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>            
            }

        }

}

1 个答案:

答案 0 :(得分:0)

我在这里可以看到,你定义了:

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

如果您想要在屏幕中心显示图片,请添加col-sm-12col-sm-3,但在尝试之前,您可以尝试将text-center class添加到.col-sm-x其中一些可能会对你有所帮助。请申请并在此处留下答复是否对您有所帮助。