CSS 實現瀏覽器上下居中顯示是一個常見的需求。在這篇文章中，我們將介紹一些實現上下居中顯示的 CSS 技巧。

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

這些技巧都是有效的方法來實現瀏覽器上下居中顯示，選擇哪種方法取決于你的具體需求和設計。