CSS3彈性伸縮佈局盒（Flexible Box）模型

1.前言 CSS3中引入的佈局模式Flexbox佈局，主要是讓容器有能力讓其子項目可以改變其寬度、高度（甚至順序），以最佳的方式填充可用空間（適配全部類型的現實設備和屏幕大小）。 Flexbox佈局功能主要有如下幾點：css 屏幕和瀏覽器窗口大小改變時能夠靈活調整佈局 指定伸縮項目沿着主軸或側軸按比例分配額外空間（伸縮容器額外空間），來調整項目大小。（注意，額外空間的概念要理清楚！） 指定伸縮項目

>>阅读原文<<