水平分布的动态内容

Question

我有一个流体宽度的div填充了JSON查询的缩略图，我试图在div的宽度上均匀分布这些缩略图。如果封闭div的宽度发生变化，则必须允许这些缩略图进行换行和重排，并且可能会在x和y维度以及加载的缩略图数量方面发生变化。

我发现使用text-align: justify;和display: inline-block完全符合我想要的静态HTML元素，如下所示：
http://jsfiddle.net/skywalkar/gUcvq/

当我对通过JavaScript提取的内容做同样的事情时，它会恢复到简单的左对齐（如果它甚至渲染 - Chrome和Firefox将其渲染为左对齐，但IE似乎放弃了完全显示缩略图！）：
http://jsfiddle.net/skywalkar/KdLyx/

那么我的问题是：
如何强制加载JavaScript的缩略图像HTML版本一样水平对齐？

Answer 1

这里有2个问题。首先，您的跨度是div的外部（老实说，您甚至不需要跨度，只需使用:after伪元素。）

其次，理由依赖于空白。您插入的图像不包含空格/换行符等。这就是为什么他们不能证明这一点。

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