CSS3/HTML5三欄佈局

Question

呵呵，所以這是一個小跛腳的問題。
我無法使用任何CSS框架，也無法使用表格佈局。
解決方案僅適用於Google Chrome！

如何設置一個三個欄佈局是這樣的：

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

所以無論（column1,3）將是靜態的大小和中間的一個將內容爲中心，它的寬度將靈活（窗口調整）

據我所知，我不能用百分比寬度，我需要像

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

但家長計數是不可能的，我知道，這是我莫假象膽汁編程技巧...

Answer 1

如果它只適用於google chrome，那麼您可以使用flexbox模型。

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

例子：http://www.jordanairwave.co.uk/2011/06/21/css3-flex-box-model/