Question

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

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

        }

}

Answer 1

我在这里可以看到，你定义了：

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

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

中心文本与MVC中的图像

1 个答案: