css3 flex什么意思

CSS3 Flex是CSS3的一种新的布局方式，也称为弹性盒子布局。

.container {
  display: flex; /* 将容器设为flex布局 */
  flex-wrap: wrap; /* 自动换行 */
  justify-content: center; /* 在主轴上居中 */
  align-items: center; /* 在交叉轴上居中 */
}
.item {
  flex: 1; /* 分配剩余空间，平均分配给所有项 */
  margin: 10px; /* 设置外边距 */
}

使用flex布局时，需要将容器设为flex布局，并设置其属性。容器内的项则可以通过设置flex属性来控制它们在容器中的排列方式。比如，设置每个项的flex属性为1，则它们会被平均分配容器中的剩余空间。

Flex布局只是CSS3中提供的一种布局方式，它可以帮助我们更快捷地设计响应式布局，实现页面自适应。同时，它也是一种逐渐成为主流的布局方式，让我们的页面更加美观、易于管理。