У меня есть динамические элементы, которые я бы хотел пропустить вниз и заполнить несколько столбцов (например, в Word), а не плавать влево или вправо или стек типичным образом. Существуют ли какие-либо функции CSS, которые делают это возможным? Если нет, то какой курс действий я могу принять здесь?Динамические столбцы в CSS
ответ
Это возможно, но только в CSS3, у которого нет необходимой доли рынка, пока он не используется безопасно.
Подробнее см. В этой статье на странице Zen Elements.
Обходной до CSS3 является «основной» может быть основан Javascript/JQuery решение как этот: Columnizer jQuery Plugin
Отлично. Я всегда боялся вникать в jQuery, но мне было глупо думать, что это будет сложно! Очень простые и замечательные примеры. Благодарю. – Daniel
что касается <li>
, который плавает влево и дисплей: встроенный блок?
Я думаю, вы можете быть здесь. Можно ли разделить элементы на несколько столбцов автоматически? – Daniel
Да, если вы задаете ширину элементов и высоту контейнера div. они должны правильно заполнить – mkoryak
@mkoryak. Действительно, можно эмулировать столбцы таким образом, но порядок неправильный. Ожидается, что столбцы будут складываться сверху вниз, а затем вбок, а не наоборот. – jpeltoniemi
CSS3 позволяет(), но это не так широко не поддерживаются: только последние версии Firefox и Safari (как и другие браузеры, основанные на веб-сайтах, возможно) поддерживают его.
JavaScript - ваш лучший выбор, если вам это абсолютно необходимо, чтобы быть гибким и общим. Если вы делаете это только для одного конкретного фрагмента текста, вы также можете его жестко закодировать.
- 1. Основная проблема CSS/layout - динамические столбцы?
- 2. Динамические столбцы в LINQ
- 3. Динамические столбцы в jqGrid
- 4. Динамические столбцы в RDLC
- 5. Динамические столбцы/строки
- 6. XSLT Динамические Столбцы в XML
- 7. Динамические столбцы BIRT
- 8. Excel Динамические столбцы
- 9. Bootstrap сетки динамические столбцы
- 10. Apache Pig: Динамические столбцы
- 11. Первичные динамические столбцы, программно
- 12. Datatables.net динамические столбцы
- 13. ObjectDataSource/Grid - Динамические столбцы
- 14. Динамические столбцы MVC WebGrid
- 15. qml динамические столбцы ширина
- 16. dc.js добавить динамические столбцы
- 17. Динамические столбцы jqGrid
- 18. динамические столбцы для дат
- 19. SSRS, выбирая динамические столбцы
- 20. SQL Динамические столбцы
- 21. Восстановить динамические столбцы записей
- 22. динамические столбцы сетки
- 23. Выберите динамические столбцы возврата
- 24. Динамические столбцы в отчетах Crystal
- 25. Динамические столбцы в EasyUI datagrid
- 26. Динамические столбцы в SQL запросе
- 27. Переводить динамические строки в столбцы
- 28. Динамические столбцы в таблицах mysql?
- 29. Динамические столбцы ListView в Runtime
- 30. Динамические столбцы данных в Flex
Вы говорите о чем-то вроде макета газеты? Я знаю, что есть jquery-плагины, которые сделают это для вас. – codedude