2013-06-11 139 views
1

我在另一個裏面有4個div。等於元素之間的邊距

我想裏面divs在它們之間等於利潤率所以裏面divdiv的左邊緣和第一之間的同一個空間,兩者之間的內部div和內部div最後和根的右邊緣之間。

現在我可以看到這個

http://jsfiddle.net/rXYqR/

有沒有辦法用CSS的任何特殊屬性來做到這一點?或者我不得不手動分配保證金?

謝謝!

+0

'#root * {保證金:繼承;}'?如果那不是你想要的,試着用一種不太混亂的方式來描述它。 – PlantTheIdea

+0

這聽起來像完全相同的問題[這是問這裏](http://stackoverflow.com/questions/16964294/how-to-evenly-space-many-inline-block-elements/16964570)。事實證明,這是一個令人驚訝的難題 - 我們沒有找到一個好的答案,其中包括邊界以及元素之間的邊界。 – Spudley

+0

@Spudley下來有一個很好的答案,解決這個問題(我認爲)! – Bae

回答

3
#root{ 
    background: red; 
    width: 400px; 
    font-size:0; 
} 

#root > div{ 
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    background: blue; 
    margin-left: calc((100% - 200px)/5); /* Pre-calced 40px */ 
} 

的jsfiddle:http://jsfiddle.net/rXYqR/2/

+0

哇!我不知道'鈣'存在!這很棒!謝謝! – Bae

+0

它適用於所有優秀的瀏覽器。 Chrome,Firefox和IE 9+都支持它。 Safari 6使用供應商前綴來支持它,但它使瀏覽器崩潰了很多。 –