CSS是一種用于網頁樣式定義和呈現的語言。其中最常見的一個問題是如何將內容垂直居中，特別是在設計移動優先的響應式網頁時。

以下是一些方法來控制垂直居中顯示：

/* 方法1 */
.container{
display: flex;
align-items: center;
}
/* 方法2 */
.container{
position: relative;
}
.center{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 方法3 */
.container{
display: table-cell;
vertical-align: middle;
}

這些方法都非常簡單且易于實現。其中第一種使用CSS flexbox布局通過子容器自動伸縮的方式實現居中對齊。 第二種方法使用CSS定位，通過設置居中元素的頂部為50%并將它自身的高度移位其本身的一半，從而實現垂直居中。

最后一種方法使用table-cell元素，是CSS框模型中的一種常見技術，通過將子元素設置為表格單元格，它們就可以使用表格排版算法水平和垂直居中。