總結幾點我在做專案的時候記不清的樣式啊......

首先，大家得知道Flex是Flexible Box的縮寫，意為”彈性佈局”，用來為盒狀模型提供最大的靈活性。

任何一個容器都可以指定為Flex佈局。

注意1：父元素設為Flex佈局以後，子元素的float、clear和vertical-align屬性將失效。

我們常用的佈局方式無非按水平方向排和垂直方向排，那麼告訴這個盒子：排列方向(預設按行排row)：

flex-direction: row | row-reverse | column | column-reverse;

大家有沒有想過，一行放不下該怎麼辦？於是告訴這個盒子：如何換行(預設不換行nowrap);

flex-wrap: nowrap | wrap | wrap-reverse;

寫到這，又發現對齊方式不是我想要的，那麼告訴這個盒子：對齊方式(預設左對齊flex-start)

 justify-content: flex-start | flex-end | center | space-between | space-around;