无敌的Flex布局，大小厂面试管也要给三分面子

作为一个两年的切图仔，flex当真是无敌的存在

兼容性：什么，要兼容IE？？？ 我辞职，你请马云来给你写代码吧。

老规矩，基础的扎实决定了你装逼的方式

下面，先了解语法和布局的实现

拥有了以下众多的属性

• flex-direction
• flex-wrap
• flex-flow
• justify-content
• align-items
• align-content

flex-direction

flex-wrap

flex-flow

justify-content

align-items

align-content

flex: 0 1 auto

缩写形式，一个值代表一个属性：

• 第一个 number 表示 flex-grow
• 第二个 number 表示 flex-shrink
• 第三个描述宽度的值表示 flex-basis