一步步學會flex佈局

從概念說起，flex佈局叫彈性佈局。
採用Flex佈局的元素，稱爲Flex容器（flex container），簡稱」容器」。它的所有子元素自動成爲容器成員，稱爲Flex項目（flex item），簡稱」項目」。

flex佈局的多個屬性

1.flex-direction決定flex佈局主軸 的方向，就是項目item排列的方向。

2.flex-wrap決定item在一行放不下的時候如何去進行換行。

3.flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式。

4.定義了主軸上item的對齊方式

5.align-item屬性決定了交叉軸怎麼對齊

6.align-content決定多線軸對齊方式