本文转载自微信公众号《微信大学前端技术》，作者严冬。转载本文请联系微一大学前端技术公众号。背景最近在做一个项目，页面的css写的太多了。我基本使用的是flex布局，我用的flex布局里面的属性非常有限。基本上我只用了flex-direction,justify-content,align-items这三个容器属性最多涉及到被挤压的图片。使用flex-shrink:0;的子项目，以防止图像被挤压。就在我输入justify-content:space-between;的时候面无表情地听着音乐，脑子里好像有两个小人在吵架：Jerry：我不能用其他不用的flexproperties哦！汤姆：不是不能用！班车太好玩了！杰瑞：枯木难雕！汤姆：枯木还可以烧！Jerry：...想了想，Tom好像觉得Jerry说的有道理，多种方式，实在是没法写出来给别人琢磨（不懂，<-_<-）.flex容器属性的align-content这里不再赘述flex容器属性和项目属性。网上有很多文章解释的很清楚。推荐阮一峰-flex布局很巧妙。汤姆刚刚读了阮先生的文章。当谈到对齐内容时，它会感到困惑。你是什??么意思？虽然画了图，但是不练习，就跟看健身视频以为自己能减肥一样！于是，Tom开始学习align-content。阮老师说：“align-content属性定义了很多根轴的对齐方式。如果item只有一个轴，这个属性没有作用。”Tom想，flex布局有一个主轴和一个交叉轴，这是flex布局默认的两个轴。那么如何定义为多轴呢？经过汤姆的反复练习，他终于发现了规律。原来需要显式定义布局方向，例如：
