Не нравятся результаты поиска? Попробуйте другой поиск!

Позиционирование блоков


     08.02.2014    Общие вопросы по вёрстке    1218

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

У меня получается вот так:
Позиционирование блоков


Нужно так:
Позиционирование блоков


код:

.block {
     float: left;
     width: 32%;
}

<div class="block">...</div>
<div class="block">...</div>
<div class="block">...</div>
<div class="block">...</div>
<div class="block">...</div>
<div class="block">...</div>

Ответил: ПафНутиЙ


Раз, два, три.
"ну и можно поискать по ключевым словам "dynamic grid" сейчас много развелось подобых плагинов, думаю найдёте нужный.

Комментарии пользователей (4)

alekun
40 | 3

alekun - 9 февраля 2014 01:46 - Юзер

Как вариант, объедините несколько блоков в один див, ему и соседу так де выставить float:left
То есть, выдавайте тексты не по горизонтали, а по вертикали.
Пример:
<div>
<div style="float:left;">
<div class="block">1</div>
<div class="block">2</div>
<div class="block">3</div>
</div>
<div style="float:left;">
<div class="block">4</div>
<div class="block">5</div>
<div class="block">6</div>
</div>
</div>

kronon
1

57 | 52

kronon - 9 февраля 2014 02:03 - Юзер

alekun,
Спасибо, попробую так

enterlive
3

83 | 28

enterlive - 9 февраля 2014 03:14 - Юзер

подключи masonry.pkgd.min.js
3 минуты и будет готово

kronon
1

57 | 52

kronon - 9 февраля 2014 15:39 - Юзер

угу)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы