flex布局主轴侧轴使用

91 阅读1分钟
主轴方向改变

默认值 主轴为水平方向 正方向(从左到右) flex-direction:row

主轴为垂直方向 正方向 flex-direction:column

主轴为水平方向 反方向 flex-direction:row-reserve

主轴为垂直方向 反方向 flex-direction:column-reserve

单行侧轴对齐方式

侧轴居中对齐 algin-items:center

默认值 拉伸 algin-items:stretch

侧轴起点开始排列 algin-items:flex-start

侧轴终点开始排列 algin-items:flex-end