Html 显示设置为内联块的元素在MVC for循环中不起作用
我的MVC Razor视图中有一个for循环:Html 显示设置为内联块的元素在MVC for循环中不起作用,html,css,asp.net-mvc,asp.net-mvc-4,razor,Html,Css,Asp.net Mvc,Asp.net Mvc 4,Razor,我的MVC Razor视图中有一个for循环: @for (int i = 0; i < 10; i++) { <div class="myInlineBlockElement">some value</div> } (int i=0;i
@for (int i = 0; i < 10; i++)
{
<div class="myInlineBlockElement">some value</div>
}
(int i=0;i<10;i++)
{
一些价值
}
类myInlineBlockElement
有一个样式display:inline block
问题是我无法按顺序为div生成输出。它的输出总是非常格式化。因此,div之间有一些空格(这是内联块所期望的)
有没有一种方法可以在一行中输出for循环元素?将元素放置在它们之间没有空格的位置并不是绕过
内联块
元素之间出现的间隙的唯一方法。相反,您可以使用CSS将div
元素的父元素的font size
设置为0,然后在div
元素本身上重新添加所需的font size
.container{
字号:0;
}
.myInlineBlockElement{
背景:番茄;
颜色:#fff;
显示:内联块;
字体大小:14px;
}
一些价值
一些价值
一些价值
一些价值
0字体大小对Android来说是个问题:@Marlos有很多选择:实际上,你的链接是我的第一个参考。这些评论在Razor中似乎不起作用,的结束标签不起作用,不幸的是,负边际是旧IE的一个问题,这是我的一个要求。