水平分布的动态内容
我有一个流体宽度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版本一样水平对齐？
你有2个问题。 首先，你的跨度在div 之外 （老实说，你甚至不需要跨度，只需使用:after伪元素）。
其次，理由依赖于空白。 您插入图像时不包含空格/换行符等。 这就是为什么他们不能certificate这一点。