css3 彈性盒模型 變化

標籤：

如果你使用google搜尋Flexbox，你會發現很多過時的資訊。這裡將告訴你如何迅速的辨別你需要的資訊。

如果你正在尋找有關於Flexbox的部落格資料，你看到了“display:box;”或者“box-{*}”屬性，那麼你看的正是2009年版本的Flexbox。

如果你正在尋找有關於Flexbox的部落格資料，你看到了“display:flexbox;”或者“flex()”函數，那麼你看的正是2011年版本的Flexbox。

如果你正在尋找有關於Flexbox的部落格資料，你看到了“display:flex;”和“flex-{*}”屬性，那麼你查看的是當前（在寫此文時）的規範。

 

新文法：

 

舊文法：

 

 

新老版本 文法混用，方便相容

 

網址：http://www.w3cplus.com/css3/using-flexbox.html

http://ued.ctrip.com/blog/wp-content/webkitcss/prop/flex.html

css3 彈性盒模型 變化