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

我不完全确定我明白你想要什么，但是要让他们做到＆＃34;对接＆＃34;那么float:left就可以通过＆＃34;空格＆＃34;来做假设。你的意思是垂直堆叠：

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

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

2 个答案: