CSS flex布局之 flex-direction 属性

flex-direction 设置在容器上。属性决定项目的排列方向。

div{
	display: flex;
	flex-direction: row;
}

flexdirection.jpg

图一

它可能的值有:

  • row(默认值):主轴为水平方向,起点在左端。
  • row-reverse:主轴为水平方向,起点在右端。
  • column:主轴为垂直方向,起点在上沿。
  • column-reverse:主轴为垂直方向,起点在下沿。

JavaScript 语法:

object.style.flexDirection="column-reverse"