flex佈局的一些好帖子,你值得擁有

關於css的flex佈局,我只想說他真的解決了曾經佈局中float和position中的痛苦,網上關於flex的文章不少了,在這裏分享兩篇好的文章(真的只有兩篇)供你們學習.

一.阮一峯(不用多說很詳細)
Flex 佈局教程：實例篇
Flex 佈局教程：語法篇

二.漁人碼頭
用大彩圖和GIF動畫解釋
用大彩圖和GIF動畫解釋-續
(有圖纔能有真相)

• 柵格系統Flexbox： 知足了咱們大部分對於柵格系統的需求。而且尺寸、對齊僅用一兩個屬性就能搞定。
• 聖盃佈局：這是一個經典的 css-hack 佈局挑戰，歷史上出現的方案都沒有完美解決。直到 Flexbox 佈局的出現，終於成爲可能。
• 輸入附加組件：建立全寬度，流式的輸入/按鈕組在 CSS 的歷史中幾乎不可能。有了 Flexbox 佈局，一切將會變得更簡單。
• 媒體對象：建立含有固定或變化的頭像的媒體對象，不用擔憂溢出(overflow)，清除浮動(clearfixing)，或者塊格式化內容(block formatting context)等 hack 。
• 粘性頁腳：讓你的頁腳粘在底部一直以來是一個技巧。若是頁腳的高度未知，那麼基本上就不可能了。如今再也不如此。
• 垂直居中：這個經典的問題問題一直被 CSS hackers 挑戰了不少年，歷史的解決方案沒有一個可以完整地解決。有了 Flexbox佈局，終於成爲了可能。

byCSS3 Flexbox解決方案