CSS的屏幕垂直使用可以幫助我們設(shè)置網(wǎng)頁上元素在垂直方向的排列方式。在以下的代碼中，我們使用了以下三種屬性：

display: flex;
justify-content: center;
align-items: center;

其中，display: flex;將我們的元素表現(xiàn)為彈性容器，而justify-content: center;則將彈性容器內(nèi)的元素水平居中。最后，align-items: center;實現(xiàn)了元素的垂直居中。

以下是完整的垂直居中代碼：

.container {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.content {
background-color: #eee;
width: 50%;
padding: 20px;
}

在上面的代碼中，我們設(shè)置了容器`.container`的高度為屏幕的100vh，即100%的視窗高度。`.container`使用了display: flex;將它內(nèi)部的元素稱作彈性元素。緊接著就是`justify-content: center;`和`align-items: center;`。

最后，我們在`.content`中設(shè)置了背景顏色，寬度和內(nèi)邊距。你可以通過添加更多的樣式來自定義`.content`這個元素。