使用CSS3 Flexbox佈局

Flexbox(中文版本可以點擊這裏)的佈局是一個用於頁面佈局的全新CSS3模塊功能。它可以把列表放在同一個方向（從左到右或從上到下排列），並且讓這些列表能延伸到佔用可用的空間。較爲複雜的佈局可以通過嵌套一個伸縮容器（flex Container）來輔助實現。 Flexbox可以簡單快速的創建一個具有彈性功能的佈局，當在一個小屏幕上顯示的時候，Flexbox可以讓元素在容器（伸縮容器）中進行自由擴

>>阅读原文<<