javascript - 证明行中图像的对齐方式(ala Google Images)

Question

我想在固定宽度上调整图像(Google 图像正是这样做的，例如:here)

有什么简单的解决方案吗？

最后的办法是编写一个 jquery 脚本，计算它可以放入一行中的图像数量，并逐个迭代图像。对于可以使用 text-align:justify... 文本完成的事情来说似乎有点矫枉过正......

Answer 1

使用显示:内联 block ；对于带有图像和文本的元素对齐:对齐；对于父元素。示例:

<ul class="images">
    <li><img src="..."/></li>
    ...
</ul>

和 CSS:

.images{text-align: justify;}
.images li{display: inline-block;}