在CSS3中，通過設(shè)置元素的display屬性為flex可以實(shí)現(xiàn)元素的分行排列。具體實(shí)現(xiàn)方式如下：

.container {
display: flex;
flex-wrap: wrap;
}

以上代碼設(shè)置了.container元素的display屬性為flex，并且設(shè)置了flex-wrap屬性為wrap，這樣容器中的元素會(huì)自動(dòng)根據(jù)容器的大小進(jìn)行分行排列。

同時(shí)，我們還可以通過設(shè)置其他屬性來調(diào)整元素在容器中的排列方式，如：

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

以上代碼還設(shè)置了justify-content屬性和align-items屬性，其中justify-content用于設(shè)置元素在水平方向上的排列方式，可選值包括：

• flex-start：元素靠左對(duì)齊
• flex-end：元素靠右對(duì)齊
• center：元素居中對(duì)齊
• space-between：元素平均分配到行中，首尾不留空
• space-around：元素平均分配到行中，首尾留空

而align-items屬性用于設(shè)置元素在垂直方向上的排列方式，可選值包括：

• flex-start：元素靠上對(duì)齊
• flex-end：元素靠下對(duì)齊
• center：元素垂直居中對(duì)齊
• baseline：元素按照基線對(duì)齊
• stretch：元素拉伸到與容器等高

通過以上屬性的靈活設(shè)置，我們可以輕松實(shí)現(xiàn)各種元素的分行排列。