一、Flex 布局简介 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局,也就是说,行内元素也可以设置成Flex 布局。 // 将块级元素div设置为flex布局 div { display: flex; } // 将行内元素span设置为flex布局 span { display: flex; } 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。