无序列表中随机间隙的CSS解决方案

时间:2015-01-16 14:12:06

标签: css

我的无序列表中有2个空白,我找不到问题来源或解决问题的正确解决方案。

element.style {clear: left;}应用于空间右侧的<li>标签似乎清除了左侧空间,但另一个随机出现在页面下方。

我确信修复很简单,但我能找到的所有信息似乎都适合多尺寸的链接图像或空间模式。在受影响的页面上,所有图像的大小应相同,为150x150,间隙似乎仅影响25个以上列出的2个链接。然而,我对他们的调查结果进行了修改,看看它是否引导我找到解决办法,我最接近的就是上述情况。

受影响的网页为here

页面代码和CSS为here

我感谢任何有关如何正确解决此问题的建议。我的解决方案似乎只掩盖了我问题的本质。

2 个答案:

答案 0 :(得分:1)

尝试添加此规则:

#list-1 >li:nth-child(3n+4) {
    clear: left;
}

答案 1 :(得分:0)

尝试:

#list-1 #desc {
    width: 150px;
    min-height:44px;
}