基本概念

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

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

注意：设为 Flex 布局以后，子元素的 float 、 clear 和 vertical-align 属性将失效。