保持图像水平对齐而没有间隙的最简单方法？

Question

在div中水平对齐无间隙图像的最简单正确方法是什么？

如果可能，我不想将每个图像包装在div中，我不想使用列表。我宁愿寻找合适的CSS来实现这一目标。

最大的问题是图像之间的差距，我可以通过将字体大小设置为0来删除，这很难看，只适用于Firefox。

<div class="images"><img1><img2><img3></div>

.images {
display: inline;
...???
}

Answer 1

这样做的好方法是浮动图像。

但是，请务必在其父容器中添加溢出attirbute，以确保它始终围绕它们，

添加保证金也会让他们不知所措。

.images {
    overflow: hidden;
}

.images img {
    float: left;
    margin: 0px;
}