flex布局的学习

认识flex

两个重要概念

• flex container
• flex items

display属性

• flex 和 inline-flex

flex布局模型

flex相关属性

container的属性

items的属性

• order
• aligh-self
• flex-grow
• flex-shrink 收缩
• flex-basis
• flex缩写:flex-grow flex-shrink flex-basis