我工作的人在网站上和我有一个小问题产品画廊。我承认我对MVC和EF有点新,所以我有这个问题。 “我的索引”视图显示了我的产品,但它显示在一个垂直向上和向下的列表中,就像我创建它应该做的表一样。创建与EF 6和MVC 5
我想要做的是创建一个画廊,他们并排连续说4,然后移动到下一行等等(上帝,我知道这是有道理的)。这是我的看法
@model IEnumerable<AccessorizeForLess.ViewModels.DisplayProductsViewModel>
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
<p>
@Html.ActionLink("Create New", "Create")
</p>
<table class="table">
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Name)<br />
<img src="@item.Image.ImagePath"/>
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
@Html.ActionLink("Details", "Details", new { id = item.Id }) |
@Html.ActionLink("Delete", "Delete", new { id = item.Id })
</td>
</tr>
}
</table>
当然,它正在做它应该做的事情。有人可以帮我解决这个问题吗?
考虑使用div元素与'float:left;'和'width:25%' –
@StephenMuecke我想感谢您在过去几天的所有帮助。当我学习MVC – PsychoCoder
快乐的来龙去脉时,它意味着很多。我假设你已经完成了它,但[这里是一个简化的小提琴](http://jsfiddle.net/7vkc8myy/),显示你可以做什么。 –