彈性佈局全解（flex）

容器屬性

• flex-direction

   

• flex-direction
• flex-wrap
• justify-content
• align-items
• align-content

元素屬性

• order
• flex-grow
• flex-shrink
• flex-basis
• flex
• align-self

 

 

詳細瞭解請參考以下資料:

Flex 佈局教程：語法篇

Flex 佈局教程：實例篇

flex code pen

理解Flexbox：你需要知道的一切

深入理解css3中的flex-grow、flex-shrink、flex-basis

A Complete Guide to Flexbox

flex實戰及坑總結

flex bugs集錦