CSS中的Flex是一種強大的布局方式，它可以讓我們更加靈活地控制頁面元素的排列和尺寸。使用Flex布局，我們不再需要通過設置float和清除浮動來實現頁面布局，可以簡化樣式代碼。

Flex布局有兩個重要的概念：Flex容器和Flex項目。Flex容器是指使用display:flex或display:inline-flex屬性定義的元素，而Flex項目則是Flex容器中的子元素。

下面是一個簡單的Flex布局示例：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
}
.item {
width: 100px;
height: 100px;
background-color: #ccc;
margin: 10px;
}

在這個示例中，我們定義了一個容器元素.container，并將其設置為Flex容器。然后定義了兩個項目元素.item，并設置了它們的寬度、高度和背景顏色。最后通過justify-content和align-items屬性來控制項目在容器中的水平和垂直對齊方式。

Flex布局還有一些其他的屬性可以用來控制項目的排列和尺寸，例如flex-direction、flex-wrap、flex-flow、order、flex-grow、flex-shrink、flex-basis、align-self等屬性，可以根據需求選擇使用。

總之，CSS中的Flex布局是一種非常實用的布局方式，可以在很大程度上簡化樣式代碼并增強頁面的靈活性。