Суть вопроса: элементы располагаются в строчку по умолчанию, т.е. следующий идёт правее предыдущего; нужно чтобы элементы располагались друг под другом,но если не влазят в родительский элемент (например, если это span'ы внутри div'a с фиксированной высотой), начинался новый столбик справа от этого.
Как пример попробуйте включить "колонки" в текстовом процессоре и написать многа букав :)
Желательно способ с использованием только HTML+CSS, без JavaScript.
Заранее благодарен за помощь.
Примечание:
Испробовано:
таблицы - нет - нужно знать количество элементов, а лучше их высоту + на колонки должно разбиваться само
фиксированная ширина - нет - то же что и с таблицами
*количество элементов заранее неизвестно
Примечание:
Про float.
"float: left" заставляет отображать элементы в строчку слева направо.
Даже если добавить "clear:left|right|both" получиться только одна колонка, которая может вылезти за пределы родительского блока или вообще не отобразиться вся.
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.