网页flex标签

Flex是一种用于布局网页元素的CSS属性。通过使用Flex，可以轻松地控制网页中的盒子模型元素的排列和大小。以下是一些常用的Flex标签：

display: flex; - 将一个元素设置为Flex容器，使其子元素可以按照一定的规则排列。
flex-direction: row/column; - 定义Flex容器中子元素的排列方向（水平或垂直）。
justify-content: center/flex-start/flex-end/space-between/space-around; - 控制Flex容器中子元素在主轴（水平或垂直）方向上的对齐方式。
align-items: center/flex-start/flex-end/strech/baseline; - 控制Flex容器中子元素在交叉轴（与主轴垂直的方向）方向上的对齐方式。
flex-grow: number; - 定义Flex容器中子元素的放大比例。
flex-shrink: number; - 定义Flex容器中子元素的缩小比例。
flex-basis: length/percentage/auto; - 定义Flex容器中子元素的基础尺寸。
flex: flex-grow flex-shrink flex-basis; - 简写属性，用于同时设置子元素的放大比例、缩小比例和基础尺寸。
align-self: center/flex-start/flex-end/strech/baseline; - 控制Flex容器中单个子元素在交叉轴方向上的对齐方式。