Блоки разный ширины?

Question

[bismoney]

Всем привет. Подскажите как такую логику можно реализовать в rails вернее просчет блоков.

К примеру есть блоки равны по ширине и высоте (картинка ниже)

Тут все ок.


Далее к примеру 1 становится равным по ширине двум маленьким


Но когда при добавлении еще одной к примеру маленькой, эта большая уезжает соответственно вниз.


При этом, сверху остаются 3 маленьких и пустой блок. Как это делают другие? Как у них получается так что при таком смешении вверху остается 4 блока а не 3?

Яркий пример где это нормально сайт www.the-village.ru

Подскажите пожалуйста как это делают? Как-то просчитывают сколько каких блоков по ширине или как?

Буду очень благодарен за совет.

Answer 1

[Ксения Михайлова]

masonry
isotope

Comments

[bismoney]

Спасибо за ответ, эти методы я знаю, но там реализовано по другому )

[Ксения Михайлова]

bismoney: а вам нужно средствами только html+css?

[bismoney]

Ксения Михайлова: Нет, там как то с помощью просчета блоков в коде, я точно не знаю, поэтому решил спросить у знающих.

[Ксения Михайлова]

bismoney: на сайте-примере, если я правильно поняла, периодически просто одна статья занимает две ячейки, при этом эта статья является не последней, как раз чтобы не возникало подобных обрывов.
Т.е. просто ширина увеличивается в два раза, и это не последний элемент в строке.

[bismoney]

Ксения Михайлова: К сожалению это не так)) полистайте вниз посты, там есть где она в конце) поэтому и возникает вопрос

[Ксения Михайлова]

bismoney: простите, что навязываюсь, но вот в ленте: i.imgur.com/9q8P2vz.png — все крупный записи размером в две маленькие, разве не так?

[bismoney]

Ксения Михайлова: Да так, так и должно быть

[bismoney]

Ксения Михайлова: Вы наверное не поняли, при переноси этой большой к примеру вниз, вверху всегда остается 3 маленьких, а значит пустой блок.

[Ксения Михайлова]

bismoney: тогда чем вас не устраивает "Размер в две ячейки + не последний элемент в строке". Так никаких дыр не возникнет, если я правильно представляю.

[bismoney]

Ксения Михайлова: Мы наверное не понимаем друг друга. Или я не понимаю вас)