Как сделать блоки плиткой?

Question

[AlexanZem]

Необходимо вывести блоки на страницу в виде плитки типа такой:

Но проблема в том что есть только родительский блок:

<div id="notes-wrap">
		
</div>

А внутрь него уже добавляются блоки из JS.
С помощью Masonry получается только когда уже есть html структура, так не работает.

Пробовал через CSS column все получается, но необходимо чтоб последовательность блоков была по горизонтали.
Может как то JS файлы можно настроить чтоб они не конфликтовали.

В общем не знаю как решить такую проблему, подскажите кто сталкивался или знает?

Answer 1

[Дмитрий]

Этот вопрос тут задан в миллион сто первый раз.
Гуглите плагин masonry. После заполнения родительского блока делайтн ре-инит плагина

Comments

[AlexanZem]

А не могли насчет ре-инита объяснить или ссылку сбросить что это такое? Что-то нагуглить не смог, а мне как раз это, скорее всего, и нужно

Answer 2

[Кирилл Жулин]

Ваш вариант не самый лучший потому что подключается js а это лишние подключение и время на загрузку файла
+ предоставленный вами вариант очень сложный (при изменении размеров возможны ошибки и баги)
!!кирпичные блоки самый лучший вариант
вот оптимальный пример:
dbmast.ru/adaptivnye-html-bloki-v-vide-kirpichnoj-...
jsfiddle.net/driver/v9ub0x2z