位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程:Flex Box语法教程 > flex-direction项目的排列方向
阅读(22555525)      收藏       赞(5685)      分享
上一篇: Flex基本概念 下一篇: flex-wrap如何换行

flex-direction属性决定主轴的方向(即项目的排列方向):(左中右    上中下)

image.png

Ø  row(默认值):主轴为水平方向,起点在左端。

Ø  row-reverse:主轴为水平方向,起点在右端。

Ø  column:主轴为垂直方向,起点在上沿。

Ø  column-reverse:主轴为垂直方向,起点在下沿。

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

 


上一篇: Flex基本概念 下一篇: flex-wrap如何换行
毕业设计网             广告联系QQ:45157718(微信同号)