Css 带有多余空间的浮动列表元素
我有一个无序的缩略图列表,除了一个页面外,其他页面都有。在这一特定页面上,第三行有大量空白。见下文: 我不明白它为什么这样做,即使去掉了填充和边距,它也会发生。正在执行此操作的页面是试用此库:Css 带有多余空间的浮动列表元素,css,css-float,html-lists,Css,Css Float,Html Lists,我有一个无序的缩略图列表,除了一个页面外,其他页面都有。在这一特定页面上,第三行有大量空白。见下文: 我不明白它为什么这样做,即使去掉了填充和边距,它也会发生。正在执行此操作的页面是试用此库: 它在这样的情况下很有用,元素必须在网格上排列。砌体在互联网上随处可见。这是因为您正在使用: .picture-board .pinned-photo img { max-height: 160px; } 在该行中,第一个图像形状因子使其达到最大高度,但其他两个太宽,因此高度小于最大160px 尝试添
它在这样的情况下很有用,元素必须在网格上排列。砌体在互联网上随处可见。这是因为您正在使用:
.picture-board .pinned-photo img {
max-height: 160px;
}
在该行中,第一个图像形状因子使其达到最大高度,但其他两个太宽,因此高度小于最大160px
尝试添加以下内容:
.thumbnails>li{
min-height:172px;
}
这将确保它们的高度相同,即使它们太宽这并不能回答问题。接球不错。我删除了我的答案,建议使用
.picture board.pinted photo{display:inline table;}
,因为这样更好。哇,我从来没有注意到这一点!非常感谢。