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;
}