Css 如何分离li';同样地

Css 如何分离li';同样地,css,html,html-lists,Css,Html,Html Lists,我的html中有一个UL>li的,并且li的设置为float:left 我的疑问是,如何在父div中将它们平均地分开,这样不管ul中有多少个li,它们之间仍然有相同的间距 如果李的不适合这样做,还有什么更好的呢?据我所知,你可以这样写: li+li{ 左边距:10px; } 已更新 您可以为此使用display:table属性。这样写: ul{ 显示:表格; 宽度:100% } 李{ 显示:表格单元格; } 现场演示:您可以为ul设置边框,并为childlis设置边距。或者您可以将边框设置为

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

我的疑问是,如何在父div中将它们平均地分开,这样不管ul中有多少个li,它们之间仍然有相同的间距


如果李的不适合这样做,还有什么更好的呢?

据我所知,你可以这样写:

li+li{
左边距:10px;
}
已更新

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

ul{
显示:表格;
宽度:100%
}
李{
显示:表格单元格;
}

现场演示:

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


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

这意味着在第一个LI中没有剩余的余量。这意味着它将选择任何一个LI前面有一个LI的LI。因此,它不会选择第一个,而是选择所有其他