CSS是指層疊樣式表，是用于為網頁添加樣式的標準。在網頁設計中，經常需要對子元素進行垂直排列，這時可以使用CSS中的一些技巧來實現。

.parent {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.child {
height: 50px;
}

以上代碼段中，我們使用了flex布局，flex布局是CSS3新增的一種新的盒子模型，可以實現更靈活方便的布局方式。其中，我們將父元素的flex-direction屬性設置為column，意為垂直排列子元素。同時，使用justify-content屬性和space-between參數，來讓子元素之間相互間隔一定距離。

需要注意的是，在上述代碼中，我們為子元素添加了50px的高度，如果實際情況下子元素高度不確定，可以使用align-items: stretch屬性來讓子元素自適應高度，例如：

.parent {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
.child {
flex: 1;
}

在以上代碼段中，我們將子元素的flex屬性設置為1，表示子元素的高度自適應，而父元素的align-items屬性設置為stretch，表示所有子元素自適應高度并填滿父元素。

除了使用flex布局，我們還可以使用display屬性為table和table-cell來實現子元素垂直排列，例如：

.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}

在以上代碼段中，我們將父元素的display屬性設置為table，子元素的display屬性設置為table-cell，表示讓子元素以表格單元格的方式排列。同時，使用vertical-align屬性和middle參數來使子元素垂直居中。

綜上所述，我們可以使用多種方式來實現CSS子元素的垂直排列，其中，flex布局和表格布局是最常用的技巧。