基线理解_flex理解

前言

flex布局在前端开发过程中，使用场景非常多。同时由于它自身强大的布局功能，深受前端开发人员的喜爱。但是就我个人，在使用中总是记不住每个属性的特征，以及使用场景，每次都要查看一下阮一峰大佬的flex布局文章，才能定位要使用哪个属性。由此，写下这篇文章，一方面让自己加深记忆，一方面供大家参考。

[flex布局教程-阮一峰](Flex 布局教程：语法篇 - 阮一峰的网络日志)

基本概念

属性使用场景

• `flex-direction`(默认值：row)

这个好记住`direction`就是方向的意思 **决定主轴的方向**

    flex-direction: row | row-reverse | column |     column-reverse;

• `flex-wrap`(默认值：nowrap)

    flex-wrap: nowrap | wrap | wrap-reverse;

• `flex-flow`(默认值：row nowrap)</