css - 如何将li的均等分开

Question

我的 html 中有一个UL > li's，而 li 的设置为float: left.

我的疑问是如何将它们分开，在一个父亲 div 中，平等地，所以不管 ul 中有多少 li，它们之间仍然有相同的间距？

如果 li 不“好”这样做，那还有什么更好的呢？

Answer 1

据我了解更好，你可以这样写：

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

您也可以display:table为此使用属性。像这样写：

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

Answer 2

您可以为 s 设置边框ul并为 child lis 设置边距。或者您可以将边框设置为ul和lis。父边框的原因是，当lis 合并时，它们将合并它们的边框，在它们相遇的地方创建一个双边框。

这是一个显示这两种方法的现场演示。