Question

我正在研究Galleria的经典主题，以展示画廊。这里的要求是如果缩略图列表div宽度增加超过24，则将缩略图显示为两行，图像按照以下顺序使用水平滚动条。

1 3 5 7 9  11 13 15 17 19 21 23 ..

2 4 6 8 10 12 14 16 18 20 22 24 ..

如果图像小于24且大于12，则订单应分为两行： -

1 2 3 4 5 6 7 8 9 10 11 12

13 14 15 ..

如果图像小于12，则图像应在单行中呈现为： -

1 2 3 4 5 6 7...

目前，我所做的是使用css3列属性，根据图像计数使用不同的类来执行此操作。这适用于所有浏览器，但在IE8中。

那么，是否有替代IE8或更少的css3列属性。或者一些更好的方法来实现IE中运行良好的东西。

Answer 1

IE8中的列没有直接替代品。要解决这个问题，您需要检测缩略图的数量，然后适当地分配类，并编写自定义的CSS类。

所以你可以在缩略图持有者中添加一个“columns”类，然后编写你已经拥有的css，使列显示正确（可能有调整），然后另一个类有不同的显示。

尽管如此，Galleria确实没有最简单的API。