顯示器與盒子和顯示器之間有什麼區別：flexbox

我的理解是，CSS靈活盒子佈局模塊正在被重寫，並且display:box已被棄用，而傾向於使用display:flexbox。顯示器與盒子和顯示器之間有什麼區別：flexbox

是否display:flexbox目前支持任何瀏覽器（發佈，測試版或夜間）？有沒有人知道我可以在哪裏找到一些有關Flexbox新增功能的信息，它與舊模塊之間的區別，以及舊模塊爲何改寫？

[我可以使用？]（http://caniuse.com/flexbox） – MarkSmits 2012-01-09 23:45:12

不，caniuse.com是指舊的實現，而不是新的實現。 – 2012-01-09 23:49:27

@Philip做到了嗎？似乎基於新的工作草案 - http://www.w3.org/TR/css3-flexbox/（帶有瀏覽器前綴...） – 2012-01-10 00:39:18

看起來在這個時候沒有好的信息。如果我找到好的信息，我會更新這篇文章。

更新：現在（2012/2/20）caniuse.com顯示了兩種靈活盒佈局模塊

更新的新版本和舊版本的瀏覽器支持：（8/7/2012）克里斯Coyer編寫了一篇關於如何區分新舊語法差異的精彩文章。 http://css-tricks.com/old-flexbox-and-new-flexbox/

2012-01-21 22:41:44

你能引用或總結這裏的文章嗎？幫助那些剛剛停止搜索並且懶得點擊更多鏈接的人。謝謝 ;） – BoltClock 2012-08-07 17:50:05

簡而言之：IE10 +，火狐，鉻，Safari瀏覽器，iOS和Android。

2012-01-10 00:35:57

這是'display：box'，而不是'display：flexbox'，如果你看例子，他們都使用'display：box'。此外，新規範的撰寫始於2011年，所以FF2無法支持它。 – 2012-01-10 01:22:23

這個怎麼樣 - http://www.w3schools.com/cssref/css3_pr_box-flex.asp – 2012-01-10 01:47:51

不，「box-flex」是一個屬性，你可以在設置爲'display：box'的元素的子元素上使用它。 – 2012-01-10 01:57:55

正如您所提到的，截至2011年3月的工作草案，Flexbox規範中「display」的官方值爲「flexbox」和「inline-flexbox」。第一份工作草案（2009年7月）中提到了「盒子」的價值，並且是目前得到最廣泛支持的一種，但現在應該由「柔性盒」取代。

2012-02-09 04:19:01 tagawa

回答