通过设置弹性元素的方向,实现横向或者竖向的排列,是实现对不同视窗大小或方向布局的另一种非常有效的方式。当我们给元素设置flex-direction
时,也同时设置了主轴的方向。如果没有设置任何方向,默认值是flex-direction:row
。让我们回到小说列表的例子,给它指定一个flex-direction
。
.item {
flex-direction : row; }
对于从右向左书写的语言,我们为其设置dir
属性为rtl
;否则文本书写方向默认会从左边开始,在右边结束。row
是默认值,除非你需要覆盖之前的flex-direction
声明,否则你无需显式声明row
这个值。