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

标签 css css-float html-lists

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

spacing error

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

最佳答案

这是因为您正在使用:

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

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

尝试添加这个:

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

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

关于css - 带有不需要空间的 float 列表元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17913649/

相关文章:

javascript - 定位弹出窗口

html - CSS 作为 localhost 但不是通过服务器地址

html - Web 应用程序更新 : Caching old app

html - margin float 的替代品 : auto issues

jquery - li 标签的垂直和水平编号

html - 沿 z 轴呈现 HTML 元素

html - float Div 的自动扩展父级

html - 为什么一个 div 没有定位在另一个 div 旁边?

php - 将消息记录的父子层次结构保存到 mysql 中?

html - 如何将 LI 元素定位到 UL 列表的底部