CSS設(shè)置div換行顯示：

div {
display: inline-block;
width: 100%;
}

在網(wǎng)頁設(shè)計中，經(jīng)常會遇到div元素需要分行顯示的情況。在默認情況下，div元素是按照塊級元素進行排列，也就是在不添加任何CSS的情況下，每個div元素都會另起一行顯示。

但是，如果我們需要讓多個div元素在同一行內(nèi)顯示，并且寬度占據(jù)整個父容器，這時候就需要用到CSS的inline-block屬性了。

當我們將div元素的display屬性設(shè)置為inline-block時，它將變?yōu)橐粋€行內(nèi)塊級元素。這樣一來，就可以讓多個div元素在同一行內(nèi)顯示，并且寬度100%。

使用上述CSS代碼，我們可以輕松實現(xiàn)多個div元素分行顯示的效果。需要注意的是，如果每個div元素內(nèi)部還包含有其他塊級元素，那么需要對內(nèi)部元素也進行inline-block的設(shè)置，才能使整個布局達到想要的效果。