我正在将一个列表从 Controller 传递到 View 。我如何使用传递的模型生成以下类型的 HTML....... .
我尝试使用以下代码,但它生成一个垂直列表,而我希望它是水平和垂直的。这是我的代码。你将如何编写你的代码来实现上面的输出
@foreach (var cats in Model)
{
<li>@cats.CategoryName</li>
}
最佳答案
您需要将此标记与一些 css 结合起来:
<ul class="two-columns clearfix">
@foreach (var cats in Model)
{
<li>@subcats.CategoryName</li>
}
</ul>
然后是CSS:
ul.two-columns li
{
width: 50%;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
/* Clear Fix */
.clearfix:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
关于asp.net-mvc-3 - 在 Razor View 中显示列表元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7671895/