css中，flex常用方法属性

在 CSS 中，Flexbox 是一种弹性布局模型，通过一些常用的属性来实现灵活的盒子布局。以下是另外两个常用的 Flex 属性：

1. align-items：用于定义在交叉轴上如何对齐 flex 容器内的项目。常见的取值包括：

   • flex-start：项目在交叉轴的起始位置对齐。
   • flex-end：项目在交叉轴的结束位置对齐。
   • center：项目在交叉轴的中间位置对齐。
   • baseline：项目的第一行文字的基线对齐。
   • stretch：如果项目未设置高度或设为 auto，将占满整个交叉轴的高度。

2. justify-content：用于定义在主轴上如何对齐 flex 容器内的项目。常见的取值包括：

   • flex-start：项目在主轴的起始位置对齐。
   • flex-end：项目在主轴的结束位置对齐。
   • center：项目在主轴的中间位置对齐。
   • space-between：项目会平均分布在主轴上，首个项目在起始位置，最后一个项目在结束位置。
   • space-around：项目会平均分布在主轴上，项目之间会留有相等的空白空间。

这些属性可以方便地调整 flex 容器内项目的对齐方式和布局，帮助实现灵活的页面设计。