CSS3 / HTML5三列布局

Question

哦，所以这将是个la脚的问题。
我不能使用任何CSS框架，也不能使用表格布局。
解决方案仅适用于Google Chrome浏览器！

如何设置这样的三列布局：

[column1]      [column2]                      [column3]
[width: 250px] [flex width, content centered] [width: 250px]

因此，两个（column1,3）的大小都将保持不变，中间的列将以内容为中心，并且其宽度将变得灵活（窗口调整大小）

Afaik我不能使用百分比宽度，我需要类似

#column2 {width: parent.width - 500px; left: 250px; text-align: center;}

但是我无法和父母一起数，这是我的移动编程技能的产物。

Answer 1

如果仅适用于Google Chrome，则可以使用flexbox模型。

http://dev.w3.org/csswg/css3-flexbox/