CSS3中的flexbox布局為Web開發(fā)中的div等塊級元素的排列提供了更便捷和靈活的方式。

通過設(shè)置容器元素的display屬性為flex，可以將其內(nèi)部的子元素設(shè)置為彈性盒子，從而實現(xiàn)各種排列方式，如水平居中、垂直居中、等分排列等等。

.container {
display: flex;
}

當(dāng)我們想要將子元素等分排列時，可以設(shè)置容器元素為以下樣式：

.container {
display: flex;
justify-content: space-between;
}

其中，justify-content屬性指定了子元素在主軸方向上的對齊方式。space-between值將子元素平分容器元素的剩余空間。

如果我們希望將子元素居中排列，可以將justify-content屬性設(shè)置為center：

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

另外，flexbox布局還可以通過設(shè)置align-items屬性來指定子元素在交叉軸（與主軸垂直方向）上的對齊方式。例如，當(dāng)我們希望將子元素垂直居中排列時，可以設(shè)置以下樣式：

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

這時，子元素就會在容器元素中垂直居中排列。

總之，CSS3的flexbox布局功能十分強大，可以幫助我們輕松實現(xiàn)各種排列方式，減少了繁瑣的布局計算和代碼量，提高了開發(fā)效率。