Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Позиционирование блоков

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


     08.02.2014    Все вопросы » Общие вопросы по вёрстке    2415

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

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


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


код:

.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
Юзер

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
Юзер

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

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

enterlive
Юзер

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

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

kronon
Юзер

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

угу)

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

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

наверх