CSS 實(shí)現(xiàn)瀏覽器上下居中顯示是一個(gè)常見(jiàn)的需求。在這篇文章中，我們將介紹一些實(shí)現(xiàn)上下居中顯示的 CSS 技巧。

/* 方法一：使用 flexbox */
.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
/* 方法二：使用 table-cell */
.container {
display: table-cell;
vertical-align: middle; /* 垂直居中 */
text-align: center; /* 水平居中 */
}
/* 方法三：使用絕對(duì)定位和 transform */
.container {
position: relative;
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 居中 */
}

這些技巧都是有效的方法來(lái)實(shí)現(xiàn)瀏覽器上下居中顯示，選擇哪種方法取決于你的具體需求和設(shè)計(jì)。