水平列表:填充空格

时间:2017-09-30 09:03:43

标签: javascript html css image

简介

我目前正在重新设计我的个人相册页面,主要是因为我使用了一堆过时的javascript libarries。无论如何,这是我的画廊中的一张专辑:

image grid

为了布局图像,我在javascript中实现了以下算法。

  1. 注意,所有图像共享一定的固定宽度。因此,我们可以通过将视口的宽度除以图像的宽度来确定图像的可用列数C
  2. 分配一个数组,其中包含每个列中图像的总高度。此数组的长度为C,并使用0
  3. 进行初始化
  4. 为每个要分配的图像:
    1. 查找具有最小指定高度的列
    2. 使用绝对定位
    3. 将图像添加到此列
    4. C中的列高增加图像的高度。
  5. 问题

    现在我正在重建网站,我想知道:有没有办法在不使用浮点数等的情况下实现上述布局?

0 个答案:

没有答案