css - liを均等に分離する方法

Question

HTMLにaUL > 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

に境界線をul設定し、子にマージンを設定できliます。ulまたは、との両方に境界線を設定することもできますli。親の境界線の理由は、lisがマージされるときに、境界線を結合して、出会う場所に二重の境界線を作成するためです。

これが両方の方法を示すライブデモです。