CSS在頁面布局中十分重要，它可以控制元素的位置和大小。今天我們來學習如何使用CSS來實現三行排列。

.row {
display: flex;
flex-wrap: wrap;
}
.col-4 {
width: calc(33.33% - 20px);
margin-right: 20px;
}
.col-4:last-child {
margin-right: 0;
}

首先，我們使用CSS的flex布局來實現三行平分頁面的功能。在.row類中，我們設置display屬性為flex，然后設置flex-wrap屬性為wrap，這樣當頁面寬度不足時，元素會自動換行。

接下來，我們需要讓每個元素的寬度平分整個頁面。為此，我們創建了一個.col-4類，并使用calc屬性來計算寬度，將它設置為33.33% - 20px。這里需要注意的是，我們使用了margin來分隔每個元素，所以需要將寬度減去20px的間隔。

最后，我們需要取消最后一個元素的右邊距，使得它不會在頁面末尾多余的一些間隔。為此，我們使用了:last-child偽類，將最后一個元素的margin-right設置為0。

以上就是如何使用CSS來實現三行排列的方法。希望這篇文章對你有所幫助！