Как создать три столбца в CSS

Question

Если у меня есть список объектов, таких как List myObjects;и в списке может быть 2, 20, 50 и т. д. элементов.

Мне нужно иметь возможность проходить по списку и создавать представление с 3 столбцами для элементов, используя css для разметки столбцов.

Как мне это сделать?Я не хочу делать цикл, где каждые три элемента я начинаю с 1 снова или это единственный путь?

Могу ли я просто циклически проходить по элементам, помещать каждый объект в div и создавать столбцысами?

Answer 1

Если порядок не имеет значения, поместите их в ul фиксированной ширины, а затем создайте неупорядоченный список с элементами списка на 1/3 ширины ul и с плавающей точкой влево.

So

.three-column{
 width: 300px;
}

.three-column li {
 float: left;
 width: 100px;
}

а потом сходи с ума

Выезд: http://www.alistapart.com/articles/multicolumnlists/