小破孩的博客

1.flex-direction　　　　决定主轴的方向，即项目排列的方向，有四个可能的值：row(默认)|row-reverse|column|column-reverse　　　　row:主轴为水平方向，项目沿主轴从左至右排列　　　　column：主轴为竖直方向，项目沿主轴从上至下排列　　　　row-reverse：主轴水平，项目从右至左排列，与row反向　

1、首先肯定是要写两套不同布局的css样式的，（一个为横向排版，一个为左右排版）在列表的最外层添加class:a和class:b说明：我用了sass，（sass安装使用请参看：http://blog.csdn.net/qq_38543537/article/details/78411712）所以样式就分别包括在a和b下如下图：样式有了之后不要忘记在HTML的标签里添加class类名，如下图：2、添...