浮动左边表现得像浮动右边

我正在浮动一串想要出现在画廊中的图像。它们应该显示在整齐的行中。它们的尺寸都是一样的，所以我想我可以通过将所有剩余的“左”移动到“display: block;”来做到这一点。浮动左边表现得像浮动右边

密码为“ataska”

那么，究竟出了什么问题？你的图像看起来很好。 – Jeremy 2013-02-15 20:32:07

并非所有的图像都是相同的高度。在第一行中，您的第一张图片高149px，接下来的两张高146px。所以当你分解到你的下一行时，图像将从原始第一幅图像的左边开始3px。如果你想让它们在一个漂亮的网格中正确排列，你需要确保它们都具有相同的高度。

对所有列表项应用height: 160px可解决问题（您的最高图像高160px）。

2013-02-15 07:56:19 animuson

我删除的保证金右：20和东西一字排开很好。

2013-02-15 07:55:23

这只是巧合，因为每一行中的最后一张图像碰巧是最高的图像。 – animuson 2013-02-15 07:57:01

除去利润，它会排队......

2013-02-15 07:56:49 GeNyaa

这是因为你添加保证金的权利，然后第4项不适合ul里面，如果你需要的保证金，您将需要一个for循环或某事然后将类添加到第4个元素，如margin:0。或者只是减少margin-right:15px，它将全部适合。

2013-02-15 08:01:27 dinodsaurus

从我所看到的，你也可以这样做：

ul#thumbs li a { 
    display:block; 
    width:160px; 
    height:160px; 
    overflow:hidden; 
}

这样的图像将调整，无论高度（它们中的一部分将被隐藏，如果高于160px;）

而且，您在li元素上有margin-right的12.5px。（不太好用），你可以使它15 px没有任何问题。

2013-02-15 08:31:13

回答