學習css3的彈性盒模型

Flexbox通常能讓我們更好的操作他的子元素佈局，例如：  如果元素容器沒有足夠的空間，我們無需計算每個元素的寬度，就可以設置他們在同一行；  可以快速讓他們佈局在一列；  可以方便讓他們對齊容器的左、右、中間等；  無需修改結構就可以改變他們的顯示順序；  如果元素容器設置百分比和視窗大小改變，不用提心未指定元素的確切寬度而破壞佈局，因爲容器中的每個子元素都可以自動分配容器的寬度或高度的比例。

>>阅读原文<<