# 无敌的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

let 和 const