对齐另一个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版本具有复古兼容性是足够安全的，因为不会放弃免责声明，因为这是大多数网站的目标。但是，我会为手机做到这一点，谢谢（ –

也是一个快速注意到，这并不严格证明正方形，因为第一个和最后一个正方形边上仍然有边距......也许可以通过调整百分比。 –

回答