CSS3中的Flex使用，可以讓開發(fā)者更加靈活的布局網(wǎng)頁內(nèi)容。Flex是一種彈性布局模型，通過使用該模型，可以使得網(wǎng)頁在屏幕尺寸發(fā)生變化時，自動調(diào)整頁面的布局，使得頁面顯示效果更加美觀。

在CSS中，F(xiàn)lex布局主要包含以下5個組成部分：

.container {
display: flex;
flex-direction: row/column;
justify-content: center/align-self/flex-start/flex-end/space-around;
align-items: center/stretch/flex-start/flex-end;
flex-wrap: nowrap/wrap/wrap-reverse;
}

其中，container是容器的類名，我們需要將網(wǎng)頁中需要布局的內(nèi)容包裹在這個容器中。display:flex表示我們將使用Flex布局模型，而flex-direction則用來指定布局方式，row表示從左到右，column則表示從上到下。

justify-content用來指定Flex容器中的子元素之間的對齊方式，center表示子元素居中，align-self表示子元素自我對齊，flex-start表示從Flex容器的起點(diǎn)開始排列，flex-end則表示從終點(diǎn)開始排列，space-around表示子元素平均分布在Flex容器中。

align-items用來指定Flex容器中的子元素垂直方向上的對齊方式，center表示子元素居中，stretch表示子元素向垂直方向上拉伸，flex-start表示子元素從頂部排列，flex-end則表示子元素從底部排列。

最后一個flex-wrap用于指定Flex元素是否要換行，nowrap表示不換行，wrap表示在需要的時候進(jìn)行換行，wrap-reverse表示反向換行。

在實(shí)際使用CSS3 Flex布局時，需要根據(jù)不同的需求進(jìn)行不同的配置，才能使得頁面布局得當(dāng)、更加美觀。因此，開發(fā)者需要對Flex布局模型有一定的了解，并將其靈活應(yīng)用在實(shí)際的項目中，以獲得更好的用戶體驗。