Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как сделать DIV гарантированно с новой строки? Позиционировнаие DIV 
:(
    Опции темы
kuksha
Дата 10.4.2021, 22:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 154
Регистрация: 15.6.2011

Репутация: нет
Всего: нет



Есть строка блоков 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:58
PM MAIL   Вверх
kuksha
Дата 10.4.2021, 23:35 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 154
Регистрация: 15.6.2011

Репутация: нет
Всего: нет



Нашёл решение:
убрать из CSS
Код

float: left;

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

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


Это сообщение отредактировал(а) kuksha - 10.4.2021, 23:57
PM MAIL   Вверх
_zorn_
Дата 1.5.2021, 19:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

Репутация: 2
Всего: 12



Код

display: inline-block

хватило бы
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0970 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.