如何平均分开李

时间:2012-08-16 06:29:36

标签: css html html-lists

我的html中有一个UL > li's,并且li设置为float: left

我怀疑是如何将它们分开,在父亲div中,同样如此,所以无论多少li在ul中,它们之间的间距仍然相同?

如果李不是那么“好”,那还有什么更好的呢?

2 个答案:

答案 0 :(得分:5)

根据我的理解,你可以写得更好:

li + li{
    margin-left:10px;
}

<强>已更新

您可以使用display:table属性。写得像这样:

ul{
    display:table;
    width:100%
}
li{
    display:table-cell;
}

现场演示:Tinkerbin

答案 1 :(得分:0)

您可以将边框设置为ul,并为子li设置边距。或者您可以将边框设置为ulli。父级边框的原因是,当li合并时,他们会合并边框,在他们见面时创建边框。

Here 是一个现场演示,展示了这两种方法。