對齊另一個DIV

我有這樣的CSS代碼的div：對齊另一個DIV

.row { 
    width:100%; 
    height:100px; 
} 

.square { 
    width:100px;  
    height:100px; 
}

我想提出5個平方格列div裏面，但我想把它justified，使廣場之間的分離度應相等取決於用戶的窗口大小。

我不知道什麼會更好，margin，float，positioning absolute/relative等

可能的重複[使用CSS來填充父容器的寬度]（http://stackoverflow.com/questions/7051768/justify-divs-with-css-to-fill-width-of-parent-container ） – randak

如果它的好硬編碼在這種情況下，你可以這樣做：

.square { 
    margin: calc(10% - 50px); 
    }

保證金是：

整個寬度減去100px元素寬度的20％除以2（有兩個邊距）。

書面方式我的回答後，我發現了一個放了很多心思爲這個問題的解決方案在http://css-tricks.com/equidistant-objects-with-css/，你可能要檢查。

2013-12-09 03:46:56

如果你走這條路線，一定要檢查瀏覽器的支持。 http://caniuse.com/calc – randak

我發現對於當前，以前和兩個以前的ie版本具有復古兼容性是足夠安全的，因爲不會放棄免責聲明，因爲這是大多數網站的目標。但是，我會爲手機做到這一點，謝謝（ –

也是一個快速注意到，這並不嚴格證明正方形，因爲第一個和最後一個正方形邊上仍然有邊距......也許可以通過調整百分比。 –

回答