两行三个均匀分布的 div/容器答案

【问题标题】：Two lines of three evenly spaced divs/containers两行三个均匀分布的 div/容器
【发布时间】：2013-12-14 01:28:55
【问题描述】：

到目前为止，我自己尝试的一切都以完全失败告终。示例：http://broadleafdesign.ca/index-broken-on-purpose-.html 这看起来非常好，在我的显示器上以 Chrome 的全屏模式完美居中。任何其他监视器或浏览器窗口的大小都会使段落偏离中心。

如何使这些段落与这张图片相似，箭头代表空白？

注意：我希望容器/div 居中，尽管我制作的图片不能很好地表示：

【问题讨论】：

或许可以尝试使用表格。（我还没有尝试过，但我想它可能会起作用）。 google.com/#q=html+table
哦，我的... div 跨度？标签？
？显示内联块但绝对位置？可能想从这里开始：w3schools.com/html/html5_intro.asp
@Keeg 在我的原始代码中，我已经实现了所有这些东西。 user3101289 的建议对此有所帮助，因为该问题可能是由我混合百分比和像素引起的。
Evenly space a gallery of images 的可能副本

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .container { width:100%; } .box { float:left; width:33.333%; padding:20px; }