CSS中實(shí)現(xiàn)垂直居中是一個(gè)非常重要的技能，在網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)中經(jīng)常會(huì)遇到。

實(shí)現(xiàn)垂直居中有很多種方法，下面介紹其中兩種方法。

/* 方法一：使用display:flex */
.container {
display: flex;
align-items: center;
}
/* 方法二：使用position和transform */
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

方法一使用了CSS3的flex布局，將容器設(shè)置為display:flex，使用align-items:center將子元素垂直居中。

方法二則使用了position:relative和position:absolute來(lái)進(jìn)行定位。父元素設(shè)置為相對(duì)定位，子元素使用絕對(duì)定位，并將top設(shè)置為50%，使用transform:translateY(-50%)將元素上移一半高度實(shí)現(xiàn)垂直居中。

以上是兩種實(shí)現(xiàn)垂直居中的方法，根據(jù)實(shí)際情況選擇合適的方法來(lái)實(shí)現(xiàn)自己的需求。