如何避免for循环中的空格？

Question

我想将多个 div 显示为内联块。如果我这样做：

<div class="container">
    <div class="cell">xx</div>
    <div class="cell">xx</div>
    <div class="cell">xx</div>
</div>

不幸的是，我在 div 之间有空格，而我希望它们对接。所以解决方案之一就是这样做：

<div class="container">
    <div class="cell">xx</div><div 
      class="cell">xx</div><div 
      class="cell">xx</div>
</div>

另一个解决方案是：

<div class="container">
    <div class="cell">xx</div><!--
    --><div class="cell">xx</div><!--
    --><div class="cell">xx</div>
</div>

两者都很糟糕。现在我的问题是：我有一个 c# foreach 循环，我在其中尝试了最后一个解决方案（因为第一个解决方案会很混乱）：

<div class="container">
    <!--
    @foreach (string page in pages)
    {
        --><div class="cell">
            @Html.Action(page)
        </div><!--
    }
    -->
</div>

...但是当然，它不会编译（我收到解析器错误）。什么是干净的方法来做到这一点？

Answer 1

尝试使用 @:，如图所示：-

<div class="container">
    <!--
    @foreach (string page in pages)
    {
       @: --><div class="cell">
               @Html.Action(page)
       @:    </div><!--
    }
    -->
</div>

Answer 2

我不完全确定我明白你想要什么，但让他们 "butt up" 然后 float:left 会做这个技巧假设 "spaces" 你的意思是垂直堆叠：

<div class="cell" style="float:left;">
      @Html.Action(page)
</div>

如何避免for循环中的空格？

How to avoid spaces in for loops?

c#

asp.net-mvc

razor