(x) html / css: элементы списка, распределенные по столбцам

Question

Есть ли способ, с помощью CSS, позволить одному списку (ul или ol) вести себя так:

1.    4.    7.
2.    5.    8.
3.    6.    9.

Другими словами, могут ли их последующие элементы быть распределены по столбцам?

Answer 1

Если вы не возражаете против использования CSS3, вы всегда можете попробовать использовать несколько столбцов CSS3, также через A List Apart

Answer 2

Я бы повторил то, что сказал Джеймс Гудвин , но включил экспериментальную поддержку CSS поставщиков браузеров в ваш CSS:

ol {
    column-count:3;
    column-width:33%;
    -moz-column-count:3;
    -moz-column-width:33%;
    -webkit-column-count:3;
    -webkit-column-width:33%;        
    /* etc., etc. */
}

Answer 3

В List Apart есть хорошая статья о многостолбцовых списках .

Боюсь, что "нет" красивых способов сделать это с помощью CSS.

Answer 4

Вы не можете сделать это с помощью CSS, но только с помощью HTML. Конечно, вы можете использовать язык сценариев для автоматического создания столбцов, но CSS не поддерживает это.