Выравнивание блоков разных размеров
 

Здравствуйте, вот не раз вижу такого рода выравнивание....
блоки разных размеров строятся так, чтобы не было свободного места и перепрыгиваний...
у этого есть специфическое название? (просто даже не знаю как искать)



Если кто-нибудь знает хорошие статьи на эту тему, или готовые плагины (а то писать такое как-то лень ггг :) ) прошу поделиться! :thanks:

Или просто скажите как это называется, дальше уже сам :victory:

Выравнивание элементов по высоте называется "матрас". :)
http://xiper.net/collect/html-and-cs...-ravnoy-visoty

xaxaxaxax :haha:

----------------------------------

это не совсем то.... мне нужно заполнять пустое место блоками разных размеров, не изменяя их размер.... как на примере что я дал

Когда писал - картинок не видел... :no:

я просто сначала забыл поставить гггг :dance:

Твои картинки никто не расставит... :( Т.к. нужна некая "кратность" их размеров.
Например есть "маленький квадрат"... Остальные картинки либо такие же, либо в два раза больше по высоте и/или длине.
Т.о. их можно как-то сгруппировать в "единое" полотно.

Тут вроде есть похожие варианты
http://postovoy.net/47.html

нуу это принт скрин с одного сайта, так что уже кто то расставил ггг :yes:

но возможно по примерам кода из статьи что ты мне дал можно что нибудь подобное нахимичить

спасибо!

Но дюже кособоко... :D

=)
https://www.google.ru/webhp?sourceid...BA%D0%BE%D0%B2


1. рассортировать блоки по размеру
2. собрать из блоков строки примерно одинаковой длинны с приблизительно одинаковым числом блоков примерно одинаковых размеров.
3. сдвинуть строки блоков на минимальные расстояния.
4. оценить получившийся результат. сравнить с наилучшим результатом.
5. поменять пару блоков местами установить между блоками минимальные расстояния и снова сравнить результат с лучшим.
Если результат хуже предведущего то вернутся к прежнему состоянию и побывать менять уже другие блоки.

Это будет простейший генетический алгоритм.


В твоем случае картинок реально мало по этому разумнее всего будет использовать брутфорс
т.е. для 8ми картинок это будет всего 256 вариантов и из них можно выбрать лучший.

blacklool,
http://packery.metafizzy.co/
http://masonry.desandro.com/

Возможно Я не правильно понял но мы живем в третьем измерении где это не возможно)

Ну да, это общее название выразительного средства - masonry - то есть кладка (каменная).