Динамические столбцы в CSS

Question

У меня есть динамические элементы, которые я хотел бы перетекать вниз и заполнять по нескольким столбцам (как, например, в Word), а не плавать влево или вправо или складывать обычным образом. Существуют ли какие-либо функции CSS, которые делают это возможным? Если нет, то какие действия я могу предпринять здесь?

Answer 1

Это возможно, но только в CSS3, который не имеет необходимой доли рынка, которую еще можно безопасно использовать.

Подробности см. В этой статье на Zen Elements .

Обходной путь, пока CSS3 не станет «основным», может быть решением на основе Javascript / JQuery, подобным этому: Columnizer jQuery Plugin

Answer 2

как насчет <li>, который всплывает влево и отображает: inline-block?

Answer 3

CSS3 делает это возможным ( объяснение / описание здесь ), но пока что это широко не поддерживается: его поддерживают только последние версии Firefox и Safari (а также, возможно, другие браузеры на основе webkit). 1003 *

JavaScript - ваш лучший выбор, если вам абсолютно необходимо, чтобы он был гибким и общим. Если вы делаете это только для одного конкретного фрагмента текста, вы также можете жестко закодировать его.