等间隔在div之间以及屏幕左侧和右侧之间划分相同的空间 - CSS

Question

我有三个固定宽度的div：宽度为100％

的容器内400px

所以，让我们说我们在1920px的屏幕上。

剩下的空间是1920 - （400 * 3）= 720.所以我希望这个可用空间将其除以4并均匀分布。所以第一个div必须在左侧180px，第一个div和第二个div之间的空间为180px，第二个和第三个div之间的空间为180px，第三个div与屏幕末端之间的空间为180px再次是180px。

div和屏幕之间的空格应根据屏幕大小而变化。

可以用css做到吗？

示例：

Answer 1

显示：为此制作了flex :)。 关于集装箱使用：

display:flex;
justify-content:space-around;

在child上，只需设置宽度，％或静态值。

可以使用text-align：justify和display：inline-block;和PNO如果你需要

测试：此处http://codepen.io/gc-nomade/pen/qcFBt/ padding inside

text-align version：http://codepen.io/gc-nomade/pen/piCtm/