FLEX语法及常见应用

2018-09-26 本文已影响0人 ozil_oo

六大属性

.box {
  flex-direction: row | row-reverse | column | column-reverse;
}

image.png

row（默认值）：主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向，起点在上沿。
column-reverse：主轴为垂直方向，起点在下沿。

.box{
  flex-wrap: nowrap | wrap | wrap-reverse;
}