对齐图像在行中的对齐方式（ala Google Images）

Question

我想说明固定宽度上的图片的正确性（正是Google图片的处理方式，例如：here）

为此有一个简单的解决方案吗？

最后的方法是编写一个jquery脚本，该脚本计算它可以放入一行中的图像数量，并分别遍历图像。对于使用text-align：justify ...可以通过文本完成的操作，似乎有些过分了。

Answer 1

使用显示：inline-block；对于带有图像和文本的元素对齐：对齐；对于父元素。例子：

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

和CSS：

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