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

【问题标题】：Simplest way of keeping images horizontally aligned without gaps?保持图像水平对齐而没有间隙的最简单方法？
【发布时间】：2010-10-16 19:27:51
【问题描述】：

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

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

最大的问题是我可以通过将 font-size 设置为 0 来消除图像之间的差距，这很丑陋并且仅适用于 Firefox。

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

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

【问题讨论】：

【解决方案1】：

一个很好的方法是浮动图像。

但是，请务必向其父容器添加溢出属性，以确保它一直围绕它们，

添加边距也会使它们整齐。

.images {
    overflow: hidden;
}

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

【讨论】：