CSS中有一个很重要的属性是display，它定义了元素在网页中的显示方式。而其中一个常用的值就是flex。

Flex布局（即弹性布局）是一种比传统布局更高效更方便的方式来排列、对齐和分布元素。它适用于不同屏幕大小、不同设备和不同方向的布局。使用Flex，您可以轻松创建灵活、自适应、可重用和响应式的布局。

.container {
display: flex;
}

在上面的例子中，我们通过给容器设置display:flex来启用Flex布局。这将使容器的所有子元素变成Flex项，并启用弹性特性。

Flexbox使用主轴和交叉轴来控制和定位Flex项。默认情况下，Flex的主轴是横向的，交叉轴是纵向的。我们可以通过在容器上设置flex-direction属性来改变主轴和交叉轴的方向。

下面的代码将把主轴设为纵向：

.container {
display: flex;
flex-direction: column;
}

此外，Flex布局还提供了许多其他属性来控制Flex项的排列、对齐和分布，例如justify-content、align-items、align-self等。使用这些属性，您可以轻松实现各种效果，例如居中对齐、等分布局、自适应布局等。

总的来说，Flex布局是一个强大的工具，可以大大提高开发效率和网页的可维护性。如果您还没有掌握Flex布局，我强烈建议您学习一下。它将为您的CSS编写和网页制作带来巨大的帮助。