CSS是前端開發中重要的技能之一，其允許我們對頁面進行各種樣式和布局的調整。其中，垂直居中是一個常見的需求，本文將介紹CSS中常用的幾種垂直居中方法。 1. 使用line-height屬性 通過設置父元素的line-height屬性，將其值設置為與高度相同的值，即可實現單行文本的垂直居中。

p {
height: 100px;
line-height: 100px;
}

2. 使用Flexbox布局 Flexbox布局是一種強大的布局方式，可以輕松實現元素的水平和垂直居中。將父元素的display屬性設置為flex，再設置align-items和justify-content屬性即可。

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

3. 使用絕對定位 通過將子元素的position屬性設置為absolute，top和bottom屬性設置為0，margin屬性設置為auto，即可實現元素的垂直居中。

.container {
position: relative;
}
.child {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}

4. 使用表格布局 將父元素的display屬性設置為table，子元素的display屬性設置為table-cell，再設置vertical-align屬性即可實現垂直居中。

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

以上介紹了幾種常見的CSS垂直居中方法，可以根據需求選擇不同的方式進行實現。