CSS是網(wǎng)頁(yè)設(shè)計(jì)不可或缺的技術(shù)之一，它可以實(shí)現(xiàn)各種各樣的功能，其中一項(xiàng)就是多個(gè)div自動(dòng)換行。

在網(wǎng)頁(yè)設(shè)計(jì)中，我們通常需要將多個(gè)內(nèi)容塊放置在一個(gè)容器中，這時(shí)候就會(huì)出現(xiàn)多個(gè)div排列的情況。如果寬度不足，就會(huì)發(fā)生div溢出的現(xiàn)象。如果使用float進(jìn)行排列，也容易出現(xiàn)問題。此時(shí)，就需要使用CSS的flexbox布局。

.container {
display: flex;
flex-wrap: wrap;
}
.box {
width: 200px;
height: 200px;
margin: 10px;
}

以上代碼是一個(gè)例子，.container表示容器，.box表示內(nèi)容塊。通過設(shè)置display:flex;和flex-wrap:wrap;，就可以實(shí)現(xiàn)多個(gè)div自動(dòng)換行的效果。其中，width和height屬性是內(nèi)容塊的尺寸，margin屬性則是控制間距的。我們可以根據(jù)實(shí)際需求進(jìn)行調(diào)整。

總結(jié)起來(lái)，CSS的flexbox布局可以方便地實(shí)現(xiàn)多個(gè)div自動(dòng)換行的功能，讓網(wǎng)頁(yè)布局更加易于控制和美觀。希望本文能夠?qū)δ兴鶐椭?/p>