CSS中的flex布局是一種靈活的布局方式，可以使元素在容器中自適應布局，最大限度地利用可用空間，并輕松地對齊和重新排序元素。下面我們來介紹一下flex布局的用法。

首先，我們需要在容器上應用flex布局，使用以下代碼：

.container {
display: flex;
}

可以看到，我們通過將容器的display屬性設置為flex來啟用flex布局。

然后，我們可以使用以下屬性進一步定義每個項目的布局：

.item {
flex: 1 0 50%;
}

上面的代碼可以將每個項目的寬度設置為50％，并允許項目在需要的時候縮小，但不允許它們放大。

除了以上介紹的屬性之外，flex布局還有很多有用的屬性，比如justify-content和align-items，可以用來控制項目在容器中的對齊方式。

.container {
display: flex;
justify-content: center;
align-items: center;
}

上面的代碼可以將所有項目居中對齊。

總而言之，flex布局是一個非常強大的工具，可以輕松地創建適應性布局。通過熟練掌握其各種屬性和用法，可以讓你的網頁設計更加高效和美觀。