CSS3垂直排版是一種讓文本在垂直方向上呈現的排版技術，它可以用來創建垂直居中的元素，或者在水平排版是行不通時使用。下面我們來介紹幾種常見的垂直排版技巧：

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

上面的代碼使用了flex布局，將元素設置為垂直劇中。其中，align-items屬性設為center可以讓元素在垂直方向上居中，justify-content屬性的center值可以讓元素在水平方向上居中。

.parent {
width: 400px;
height: 400px;
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}

這是一種使用table布局實現的垂直居中方法。首先，我們將父元素表格化，然后將子元素的display屬性設為table-cell，這樣子元素會繼承父元素的table-cell屬性。然后，我們給子元素設置vertical-align屬性為middle，就可以實現垂直居中了。

.parent {
display: block;
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

這種方法使用了絕對定位和transform屬性。首先，我們將父元素的display屬性設為block，并將position屬性設為relative。然后，我們將子元素的position屬性設為absolute，top屬性設為50%，這樣就讓子元素距離父元素頂部的距離為50%。最后，我們使用transform屬性將子元素向上移動自身高度的一半，從而讓它在垂直方向上居中。