javascript - 横向分布的动态内容

Question

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

我发现使用静态 HTML 元素text-align: justify;并display: inline-block完全满足我的要求，例如：http:
//jsfiddle.net/skywalkar/gUcvq/

但是，当我对通过 JavaScript 获取的内容执行相同操作时，它会恢复为普通的左对齐（如果它甚至完全呈现——Chrome 和 Firefox 将其呈现为左对齐，但 IE 似乎放弃了显示缩略图完全！）：http:
//jsfiddle.net/skywalkar/KdLyx/

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

score 2 · Accepted Answer

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

其次，对齐依赖于空格。您正在插入图像而不包括空格/换行符/等。这就是为什么他们不会辩解。

1 回答 1