通过设置弹性元素的方向,实现横向或者竖向的排列,是实现对不同视窗大小或方向布局的另一种非常有效的方式。当我们给元素设置flex-direction时,也同时设置了主轴的方向。如果没有设置任何方向,默认值是flex-direction:row。让我们回到小说列表的例子,给它指定一个flex-direction

.item { 
flex-direction : row; }

对于从右向左书写的语言,我们为其设置dir属性为rtl;否则文本书写方向默认会从左边开始,在右边结束。row是默认值,除非你需要覆盖之前的flex-direction声明,否则你无需显式声明row这个值。