主轴方向问题

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

心宿二

2015-11-13

源自：十天精通CSS3 10-8

关注问题我要回答

1843

操作

收起

2 回答

echo_kinchao 回答被采纳 +3 积分
2015-11-13

是这样子的不过要注意逻辑

0 回复有任何疑惑可以回复我~

#1

心宿二提问者

非常感谢！

2015-11-17 回复有任何疑惑可以回复我~

心宿二提问者
2015-11-13

按照例子的话，flex-direction: row主轴方向是垂直方向，flex-direction: column主轴方向是水平方向，是这样理解吗？

0 回复有任何疑惑可以回复我~

#1

你说反了吧，row时主轴方向应该是水平方向

2015-12-31 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242025 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

4 回答主轴方向的问题

1 回答Z轴的方向

2 回答我很郁闷怎么不告诉我主轴方向指哪个方向

2 回答关于x和y轴的方向问题

4 回答项目移动并不是简单的垂直对其和水平对其，他是根据主轴方向来的。

搜索更多本课相关问答

主轴方向问题

我要回答关注问题

意见反馈帮助中心 APP下载