Html 显示设置为内联块的元素在MVC 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

我的MVC Razor视图中有一个for循环:

@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的一个问题,这是我的一个要求。