我有一个宽度可变的 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 伪元素)。
其次，对齐依赖于空格。您插入的图像不包含空格/换行符/等。这就是为什么他们不会辩解。
关于javascript - 水平分布的动态内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15258036/