は私がCSHTMLからレンダリング要素のリストを持っているループ

Question

からHTMLテーブルに必要事項を記入してください：

<div class="col-xs-9"> 
foreach (var item in MyCollection) 
{ 
    <span>item</span> 
} 
</div> 

をこれは、行の結果：

1 2 3 
4 5 6 
7 8 9 

は、どのように私は列のレイアウトを得ることができますか？このように：

1 4 7 
2 5 8 
3 6 9 

私は要素を3つ積み重ねて新しい列を開始したいと思います。 MyCollection内のアイテムの数が異なる場合があります。例えば は、四つの要素があるかどうか、見てみたい：

1 4 
2 
3 

Answer 1

CSS column-countクラスは助け： https://css-tricks.com/almanac/properties/c/column-countを。