Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Как сделать DIV гарантированно с новой строки?


Автор: kuksha 10.4.2021, 22:59
Есть строка блоков DIV
Высота блоков не задана жёстко - она может меняться в зависимости от наполнения текстом, вдобавок количество блоков в строке может меняться.
В стиле стоит 
Код

float: left;

На мониторе для простейшего случая с тремя блоками строка блоков выглядит так:
http://info-7.ru/r/1.jpg

Нужно, чтобы при изменении размера окна, крайний правый блок гарантированно встал с новой строки.
То есть, блок с "тройками" должен встать под блоком с "единичками", а не под двойками.
А сейчас происходит вот так:
http://info-7.ru/r/2.jpg

(пробовал запретить "обтекание", но максимум что получилось - все блоки встали по левому краю, то есть пространство справа от них получилось пустым)

Модераторы, извините, но с тегами не работает:
user posted image
user posted image

Автор: kuksha 10.4.2021, 23:35
Нашёл решение:
убрать из CSS
Код

float: left;

и добавить:
Код

display: inline-table;
vertical-align: text-top;

Автор: _zorn_ 1.5.2021, 19:31
Код

display: inline-block

хватило бы

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)