2010-01-12 4 views
2

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

+0

Вы говорите о чем-то вроде макета газеты? Я знаю, что есть jquery-плагины, которые сделают это для вас. – codedude

ответ

5

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

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

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

+0

Отлично. Я всегда боялся вникать в jQuery, но мне было глупо думать, что это будет сложно! Очень простые и замечательные примеры. Благодарю. – Daniel

2

что касается <li>, который плавает влево и дисплей: встроенный блок?

+0

Я думаю, вы можете быть здесь. Можно ли разделить элементы на несколько столбцов автоматически? – Daniel

+0

Да, если вы задаете ширину элементов и высоту контейнера div. они должны правильно заполнить – mkoryak

+0

@mkoryak. Действительно, можно эмулировать столбцы таким образом, но порядок неправильный. Ожидается, что столбцы будут складываться сверху вниз, а затем вбок, а не наоборот. – jpeltoniemi

1

CSS3 позволяет(), но это не так широко не поддерживаются: только последние версии Firefox и Safari (как и другие браузеры, основанные на веб-сайтах, возможно) поддерживают его.

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

Смежные вопросы