Как лучше сверстать колонки?

Question

[Владислав Чернушевич]

Как лучше реализовать такие колонки на css (без использования columns). Имеется ввиду, что тут один список разбивается на три колонки
https://yadi.sk/d/xVnrB9agdrm6R

Answer 1

[Владимир Дремучий]

Таким образом попробуй. От 2-х до 6-ти колонок.

/* Колонки */
.double li  { width:50%;} 
.triple li  { width:33.333%; }
.quad li    { width:25%; }
.six li     { width:16.666%; }

В вашем случае

<ul class="triple ">
<li><a href="#">Item</a></li>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a></li>
...
</ul>

Пример: jsfiddle.net/ssz9uduz

Comments

[Владислав Чернушевич]

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

[Владимир Дремучий]

Владислав Чернушевич: тогда одним списком не получиться (либо я не знаю как это сделать), либо применять js.

Answer 2

[Damir Aushenov]

ul*3>li{item$}*10

ul float left