相容性：ie11+；

用法：使用在父級標籤中；

常用屬性：

1.flex-direction 屬性指定了彈性子元素在父容器中的位置。

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

2.justify-content 屬性把彈性項沿著彈性容器的主軸線（main axis）對齊。

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

3.align-items 設定或檢索彈性盒子元素在側軸（縱軸）方向上的對齊方式。

align-items: flex-start | flex-end | center | baseline | stretch

彈性子元素屬性：

排序：order  用整數值來定義排列順序，數值小的排在前面。可以為負值。

放置剩餘空間：margin-right   彈性子元素上設定了 margin-right: auto; 它將剩餘的空間放置在元素的右側;  

完美居中： margin   設定 margin: auto; 可以使得彈性子元素在兩上軸方向上完全居中;

指定佔用空間： flex  

flex: auto | initial | none | inherit |  [ flex-grow ] || [ flex-shrink ] || [ flex-basis ] || 數字