Перенос блока при достижении N px.
Страницы: 1
Перенос блока при достижении N px.
Все здрасти smile:)
Хотелось бы, чтобы кто-то объяснил по поводу адаптивности, а именно,о ПЕРЕНОСЕ блока на новую строку при достижении определенного барьера.
Допустим, есть такой хмтл код
<div class="contarner">
<div class="left"><img src="img.jpg"></div>
<div class="center"><img src="img.jpg"></div>
<div class="right"><img src="img.jpg"></div>
<div class="left"><img src="img.jpg"></div>
<div class="center"><img src="img.jpg"></div>
<div class="right"><img src="img.jpg"></div>
</div>
Все три картинки находятся в одном ряде.
Ширина каждой картинки 320px. 320*3=960px
Вопрос:
Как при достижении <=959px сместить 3ю картинку под 1ю?
Так, чтобы вместо трех колонок, образовалось две колонки.
Было:
pic | pic | pic
pic | pic | pic
Стало:
pic | pic
pic | pic
pic | pic
Заранее спасибо smile:).
Изменено: o_O - 13 Февраля 2017 18:48
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
01:48 Стоит ли добавлять сайт в Rambler топ 100? 
19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
09:02 Как продвигать сайт с неуникальным контентом 
08:57 Absence в Армении 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
22:17 Продам копию сайта. 
21:42 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 
15:52 AllCharge.online. Современный, быстрый и надёжный обменник 
15:32 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20 
12:01 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
01:31 Скрипт обменника валют 
21:05 Точные прогнозы на футбол 
11:07 Ну что, кто куда деваете свои сайты? 
22:09 Добро пожаловать в цифровой мир... 
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
22:08 Накрутка поисковых подсказок 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди