利用flex可以方便快捷的帮助我们进行网页布局，不过由于历史标准很多，人工书写会有一些兼容性问题，这里将在网上搜集到的兼容性的写法放在博客中，以便取用。 flex：定义布局为盒模型 .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

最近在看微信小程序的文档，里面有使用flex布局，然后我去学习了阮一峰的flex教程，有感而发，自己也来一个！ 在线demo 速查 容器属性 属性 说明 取值（第一个是默认值） flex-direction 主轴的方向 row，row-reverse，column，column-reverse flex-wrap 如何换行 nowrap，wrap，wrap-reverse