水平分佈，動態內容

Question

我有一個流體寬度div充滿了來自JSON查詢的縮略圖，我試圖在div的寬度上均勻分佈這些縮略圖。如果封閉div的寬度發生變化，必須允許這些縮略圖進行封裝和迴流，並且可能會在x和y維度以及縮略圖的數量上有所不同。使用text-align: justify;和display: inline-block

我發現不正是我想要的靜態HTML元素，就像這樣：
http://jsfiddle.net/skywalkar/gUcvq/

當我做同樣的事情通過JavaScript內容牽強，但是，它會恢復爲純左-justified對齊（如果它甚至使在all-- Chrome和Firefox呈現爲左對齊，但IE瀏覽器似乎放棄完全顯示縮略圖！）：
http://jsfiddle.net/skywalkar/KdLyx/

我的問題，那麼，是這樣的：
如何強制JavaScript加載的縮略圖像HTML版本一樣水平對齊？

Answer 1

這裏有2個問題。首先，你的跨度是以外的的div（老實說，你甚至不需要跨度，只需使用:after僞元素）。

其次，理由依賴於空白。你插入你的圖像，不包括空格/換行符等。這就是爲什麼他們不會證明自己的理由。

http://jsfiddle.net/KdLyx/7/