CSS3 display flexbox是CSS3中的一種新的布局方式，它可以讓我們更加輕松便捷地布局網(wǎng)頁元素。

在以前，我們通常使用float、position、table等方式來布局頁面。但是這些方式有很多的局限性，比如說：float容易導(dǎo)致不正常的行高，position會(huì)讓元素脫離文檔流并且需要定位元素，而table布局則往往不能滿足復(fù)雜的布局需求。

而使用CSS3 display flexbox則可以更加輕松地解決這些問題。使用flexbox，我們可以完全將元素放在一個(gè)容器中，然后通過屬性對(duì)容器和子元素進(jìn)行靈活的控制。

.container {
display: flex;
}
.item {
flex: 1;
}

上面的代碼使用了CSS3 display flexbox來布局容器和子元素。在.container類中，我們使用display: flex;將元素放在一個(gè)容器中，然后在.item類中使用flex: 1將所有的子元素平均分布在容器中。

除此之外，CSS3 display flexbox還可以做很多其它的事情，比如：自動(dòng)的元素?fù)Q行、水平和垂直對(duì)齊、彈性元素等等。使用CSS3 display flexbox，我們可以更加輕松地完成我們的網(wǎng)頁布局工作。