web常見設置元素屬性

flex:容器和item

flex container 彈性容器flex item 彈性盒子

flex容器將消除item的塊狀特性:

flex彈性盒子模型會消除會消除其item的塊級屬性，變為inline屬性。同時也意味著位于彈性盒子模型下，設置塊級屬性都是無效的。默認是row水平排列。

關于reverse的解密：view元素默認100%寬度，reverse的對其，方向也會反轉。

justify-content屬性解析 ：1用于控制子元素flex item的對其方向的。2space-between，space-around等距分布

flex 布局中：

有兩個重要的概念 主軸和交叉軸

主軸取決于 flex-direction 的值，

flex-direction：column； 主軸為垂直方向的

flex-direction：row ; 主軸為水平方向

一旦確定主軸的方向后，

justify-content 指的是主軸方向的排布，

algin-items 指的是 交叉軸方向的 對齊方式

對于reverse作用后的主軸和交叉軸的方向示例

baseline與stretch：baseline子元素文字底線作為基線對其（參考第一個子元素對其），stretch交叉軸的拉伸（沒有指定高度的情況下）

?flex-wrap與消除間距：產生換行效果，

flex換行默認的特性：產生間距

設置容器高度為兩倍間距高度，巧妙消除間距