网格 & 弹性布局

弹性布局

熟练记忆容器属性和项目属性是掌握弹性布局的关键。

容器属性

• flex-direction: 规定布局方向
• flex-wrap
• flex-flow
• justify-content
• align-items
• align-content

项目属性

• order
• flex-grow: 当内容超过既定的空间，是否放大
• flex-shrink: 当空间不足以展示的时候，是否被压缩
• flex-basis
• flex

扩展阅读