Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.01.2017, 21:33
Интересующийся
Отправить личное сообщение для -=Vovka=- Посмотреть профиль Найти все сообщения от -=Vovka=-
 
Регистрация: 26.12.2016
Сообщений: 11

Перенос картинок на другую строку при изменении размера окна
Сразу скажу, в CSS я слабоват.
Вывожу в ряд картинки.
<div style="width:150px;float:left;display:block;margin-left:5px;">
<img src"..."><br>
<span>текст...</span>
</div>

Нужно, чтобы при изменении размера окна браузера, картинки, которые не влазят в строку, переходили на новую строку.
Подскажите, пожалуйста, как это сделать

Последний раз редактировалось -=Vovka=-, 15.01.2017 в 21:37.
Ответить с цитированием
  #2 (permalink)  
Старый 16.01.2017, 08:14
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от -=Vovka=-
при изменении размера окна браузера, картинки, которые не влазят в строку, переходили на новую строку
Что есть у тебя "строка"?
Поскольку картинка есть инлайновый элемент и она сама будет располагаться левее и ниже, если по горизонтали ей уже нет места...
ДИВы с
float:left;

ведут себя аналогичным образом.

Т.ч. по твоему огрызочку пока не понятно какие у тебя проблемы и где там у тебя "строки"...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размера окна браузера pv! Общие вопросы Javascript 10 29.09.2019 08:45
Анимация картинок с удалением, при выходе за пределы окна браузера Delagardi jQuery 3 13.05.2016 16:39
Смена картинок. Как зациклить при нажатии? Aggao Общие вопросы Javascript 6 02.12.2014 16:38
смена картинок при нажатии sdff Общие вопросы Javascript 15 08.02.2014 17:08
Смена нескольких картинок при наведении Demoni Элементы интерфейса 8 28.04.2012 23:57