2012-08-16 44 views
2

我有一个UL > li's在我的HTML和李的设置为float: left如何分隔李的平等

我的疑问是如何将他们分开,在一个父div内,同样,这样无论多少li都在ul中,它们之间仍然有相同的间距?

如果li不是那么好,那有什么更好的?

回答

5

按照我的理解是你可以更好的像这样写:

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

修订

可以使用display:table属性用于此。像这样写:

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

现场演示:Tinkerbin

+0

'li + li'是什么意思?我不明白它...... – 2012-08-16 06:35:46

+0

这意味着第一个LI没有余裕。 – sandeep 2012-08-16 06:39:55

+2

这意味着它将选择任何LI与紧前面的(前一个)LI。所以它不会选择第一个,但所有其他的 – Kyle 2012-08-16 06:41:52

0

您可以边框设置为ul和边距设置为孩子li秒。或者您可以将边框设置为ulli s。父母边界的原因在于,当li合并时,他们将他们的边界组合起来,在他们见面的边界处创建一个边界。

Here是表示这两种方法现场演示。