Flex 布局

基本概念

设置 display: flex 或者 display: inline-flex 的元素称为 Flex 容器，容器中的子元素称为 Flex 项目。

• display: flex：保持元素块状特性，宽度默认 100%，不和内联元素一行显示。
• display： inline-flex：inline-flex 容器为 inline 特性，因此可以和图片文字一行显示。