在CSS中，垂直居中顯示是一個(gè)常見的需求，尤其是在設(shè)計(jì)網(wǎng)頁布局時(shí)，下面是一些實(shí)現(xiàn)垂直居中顯示的方法：

1、使用flex布局

Flex布局是一種強(qiáng)大的CSS布局工具，可以輕松地實(shí)現(xiàn)垂直居中顯示，通過給父元素設(shè)置display: flex屬性，并添加align-items: center屬性，可以讓子元素在父元素中垂直居中顯示。

2、使用position定位

通過給父元素設(shè)置position: relative屬性，并給子元素設(shè)置position: absolute屬性，可以讓子元素在父元素中垂直居中顯示，具體實(shí)現(xiàn)時(shí)，可以通過調(diào)整子元素的top和bottom屬性來微調(diào)位置。

3、使用table布局

CSS中的table布局也可以實(shí)現(xiàn)垂直居中顯示，通過給父元素設(shè)置display: table屬性，并給子元素設(shè)置vertical-align: middle屬性，可以讓子元素在父元素中垂直居中顯示，不過需要注意的是，這種方法可能會(huì)增加一些額外的空間。

4、使用transform變換

通過給子元素設(shè)置transform: translateY(-50%)屬性，可以讓子元素在父元素中垂直居中顯示，這種方法需要配合***定位或相對(duì)定位使用，并且需要手動(dòng)計(jì)算偏移量。

這些方法都可以實(shí)現(xiàn)垂直居中顯示的需求，具體使用哪種方法可以根據(jù)實(shí)際情況進(jìn)行選擇。