学前端的小伙伴们，我最近的学习愈发感觉到基础的重要性，我直到现在才知道文档流这种东西，所以以前的布局基本都是瞎搞，每次css做得都异常艰难异常的慢，flex布局真的很重要，这个一定要掌握，布局起来真的很轻松很方便，前提是你要记牢里面的每一个东西是干嘛的，然后今天玩了一个青蛙布局的小游戏，链接我也分享出来，大家一起来试一试玩一玩：https://github.com/thomaspark/flexboxfroggy）

然后咱们来复习一下flex布局中几个重要的东西吧，不全写，只是方便大家回忆一下

首先是咱们的横纵轴，这个东西很重要真的，不然很容易弄混align-items和justify-content的区别，一弄混你就容易乱打，可能碰巧被你弄成功了，然后你也就忘了为什么会把它们弄混了（本人就是），如果不清楚的话建议去搜一下，或者参考一下阮一峰教授的flex弹性布局（好像是叫做这个名字）

order

感觉这个东西好像很少见，他是可以改变你盒子排列的顺序的，在这个青蛙游戏里面有，需要注意的是他可以是负值，负值代表往前移，正直代表往后移（这里的前后指的是你盒子排列的方向也就是flex-direction）

flex-flow

这个是一个复合属性，写一个例子大家就知道了： flex-flow : row wrap;

align-content

对其内容决定了行之间的间距，有以下几个值：

• flex-start: 行被打包在容器的顶部。
• flex-end: 行被打包在容器的底部。
• center: 行被打包在容器的垂直中心。
• space-between: 行之间显示相等的间距。
• space-around: 行周围显示相等的间距 对齐内容决定了行之间的间距，而对齐项目决定了整个项目在容器中是如何对齐的。如果只有一行，则对齐内容没有任何效果。 css这种东西一定要多敲！多敲！多敲！兄弟们！