алгоритм абсолютного позиционирования с использованием

Question

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

Answer 1

Если вы хотите использовать плагин, взгляните на jQuery Masonry .Если вы хотите попробовать написать это самостоятельно, исходный код Masonry может дать вам несколько идей.

Answer 2

Установить массив с размерами элементов div (getAttribute (); 'width' и 'height',

получить размер окна браузера,

переберите массив div, возьмите div одинаковой высоты и добавьте ширину,

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

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

Это заполнит окно сверху слева и будет работать справа внизу.

Наконец, когда у вас остались только «нечетные» деления, просто добавьте наибольшее по ширине и высоте и пройдите вниз.