css - 调整 Galleria 中缩略图的渲染

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 类。

因此，您可以向缩略图持有者添加一个“列”类，然后编写您已经必须使列正确显示的 css（可能进行调整），然后编写另一个类以具有不同的显示。

也就是说，Galleria 确实没有最简单的 API。