調整在拱廊的縮略圖圖像的渲染

Question

我正在展示一個畫廊的經典主題的廣場。這裏的要求是在與水平滾動條下面的順序來顯示在兩個行與圖像縮略圖如果縮略圖列表的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（可能與調整），然後另一個類有不同的顯示。

這就是說，環球免稅店真的沒有這個最簡單的API。