Question

我有一个HTML列表，并按列宽分隔它们。但是每列之间都有一个空格，我不知道如何删除。这对我来说似乎无法接近。我希望它像没有任何空间的行，或者至少我选择空间的大小。

这是我的ul代码

ul {
height:400px;
background-color:#666;
list-style-type: none;
-webkit-column-width:200px;
}

这是演示：http://jsfiddle.net/KjcKR/3/

Answer 1

将以下内容添加到CSS

margin:0;
padding:0;

某些浏览器仍会在某些块级元素周围显示一些边距。如果您的边距仍在显示，请为其添加浮动值。

Answer 2

将以下内容添加到UL样式中。

-webkit-column-gap:0px;

Answer 3

还有一个技巧（不确定它是否适用于所有浏览器）：

http://jsfiddle.net/KjcKR/12/

li {
    display:inline-block;
    width:220px;
    height:180px;
    padding:10px -10px 10px 10px;
    background-color:#CCC;
    margin:0px;
    float:left;

}

应删除webkit-column-width以便在chrome中正常工作。

Answer 4

我确定可以试试这个

http://jsfiddle.net/KjcKR/3/

CSS

li {
    display:inline-block;
    width:220px;
    height:180px;
    padding:10px;
    background-color:#CCC;
    margin:0px;
    float:left;

}

如何删除不需要的保证金

4 个答案: