主轴方向问题
来源：10-8 CSS3 伸缩布局（一）
心宿二
2015-11-13 09:08
Flex项目是Flex容器的子元素。他们沿着主要轴和横轴定位。默认的是沿着水平轴排列一行。你可以通过flex-direction来改变主轴方向修改为column，其默认值是row。
如何将flex项目移动到顶部，取决于主轴的方向。如果它是垂直的方向通过align-items设置；如果它是水平的方向通过justify-content设置。
.flexcontainer{ display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; align-items: flex-start; }
默认row是水平方向，为什么这个例子不是用justify-content
写回答
关注
2回答
-
- echo_kinchao
- 2015-11-13 10:28:39
是这样子的 不过要注意逻辑
-
- 心宿二
- 2015-11-13 09:13:20
按照例子的话，flex-direction: row主轴方向是垂直方向，flex-direction: column主轴方向是水平方向，是这样理解吗？
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242553 学习 · 2623 问题
相似问题