Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 带有多余空间的浮动列表元素_Css_Css Float_Html Lists - Fatal编程技术网

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;}
,因为这样更好。哇,我从来没有注意到这一点!非常感谢。