我在另一個裏面有4個div。等於元素之間的邊距
我想裏面divs
在它們之間等於利潤率所以裏面div
根div
的左邊緣和第一之間的同一個空間,兩者之間的內部div
和內部div
最後和根的右邊緣之間。
現在我可以看到這個
有沒有辦法用CSS的任何特殊屬性來做到這一點?或者我不得不手動分配保證金?
謝謝!
我在另一個裏面有4個div。等於元素之間的邊距
我想裏面divs
在它們之間等於利潤率所以裏面div
根div
的左邊緣和第一之間的同一個空間,兩者之間的內部div
和內部div
最後和根的右邊緣之間。
現在我可以看到這個
有沒有辦法用CSS的任何特殊屬性來做到這一點?或者我不得不手動分配保證金?
謝謝!
#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/
哇!我不知道'鈣'存在!這很棒!謝謝! – Bae
它適用於所有優秀的瀏覽器。 Chrome,Firefox和IE 9+都支持它。 Safari 6使用供應商前綴來支持它,但它使瀏覽器崩潰了很多。 –
'#root * {保證金:繼承;}'?如果那不是你想要的,試着用一種不太混亂的方式來描述它。 – PlantTheIdea
這聽起來像完全相同的問題[這是問這裏](http://stackoverflow.com/questions/16964294/how-to-evenly-space-many-inline-block-elements/16964570)。事實證明,這是一個令人驚訝的難題 - 我們沒有找到一個好的答案,其中包括邊界以及元素之間的邊界。 – Spudley
@Spudley下來有一個很好的答案,解決這個問題(我認爲)! – Bae