Как избежать пробелов в цикле?

Question

Я хочу показать несколько divs как встроенный блок. Если я это сделаю:

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

Я, к сожалению, получаю пробелы между divs, в то время как я хочу, чтобы они задремали. поэтому один из решений, чтобы сделать это:

<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

Я не совсем уверен, что я понимаю, что вы хотите, но чтобы сделать их «встык вверх», то float:left будет делать трюк, предполагая на «пространствах» вы имеете в виду вертикальная укладка:

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