isplay: flex; 什么是Flex布局

Flex布局是CSS3中的一种布局方式，可以帮助我们更加方便地进行元素排列和对齐。它通过在容器（即父元素）上设置`display: flex;`来启用，然后通过一系列的属性来控制子元素的排列方式、对齐方式、间距等。

在Flex布局中，容器的子元素可以根据需要自动调整宽度，并且可以在单行或多行上进行排列。同时，我们可以通过设置不同的属性值来控制子元素在容器中的对齐方式、排列顺序、间距等，从而实现各种各样的布局效果。

Flex布局相比于传统的基于盒模型的布局更加灵活，可以更好地适应不同的设备和屏幕尺寸，因此在现代Web开发中被广泛使用。