css - 带有不需要空间的 float 列表元素

Question

我有一个无序列表的缩略图，可以在除一个页面之外的所有其他页面上使用。在这一特定页面上，第三行有大量空白。见下文:

我不明白为什么要这样做，即使你去掉 padding 和 margin 也会发生这种情况。执行此操作的页面是 http://bransonweekend.net/cabins/trailsend

Answer 1

这是因为您正在使用:

.picture-board .pinned-photo img {
max-height: 160px;
}

在那一行中，第一个图像形状因子使其达到最大高度，但其他两个太宽，因此高度小于最大 160 像素。

尝试添加这个:

.thumbnails>li{
min-height:172px;
}

这将确保它们高度相同，即使它们太宽也是如此