在前端開發中，我們常常需要使用CSS來完成一些頁面的布局。而其中一種常用的布局方式就是排列行（Row）。

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

以上代碼是排列行的基本代碼結構，其中display:flex;是設置容器為彈性盒子（Flexbox）；flex-wrap:wrap;是設置子元素超過容器寬度時進行換行。

接下來我們可以通過對容器內的子元素進行更多的CSS樣式設置，來實現排列行的不同效果。

.row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.row-item {
width: 30%;
margin-bottom: 20px;
}

以上代碼中，我們設置了justify-content:space-between;來讓子元素在容器內左右對齊并分散排列。同時，我們給每個子元素設置了一個固定的寬度30%和20px的底部間隔。

.row {
display: flex;
flex-wrap: wrap;
}
.row-item {
flex: 1;
margin: 5px;
}

以上代碼中，我們設置了flex:1;讓每個子元素自動填充容器的剩余寬度，然后再通過margin:5px;來設置子元素與子元素之間的間隔。

通過不同的CSS樣式設置，我們可以實現排列行的不同效果，使布局更加靈活、美觀。