在網頁開發中，經常需要將一些內容進行居中顯示。而 CSS 中有很多種方法可以實現居中顯示的效果，下面介紹幾種常用的方法。

/* 水平居中 */
/* 1、使用 text-align 屬性 */
div {
text-align: center;
}
/* 2、使用 margin 屬性 */
div {
margin: 0 auto;
}
/* 3、使用 flex 布局 */
div {
display: flex;
justify-content: center;
}
/* 垂直居中 */
/* 1、使用 line-height 屬性 */
div {
height: 100px;
line-height: 100px;
}
/* 2、使用 transform 屬性 */
div {
position: relative;
}
div span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 3、使用 flex 布局 */
div {
display: flex;
align-items: center;
justify-content: center;
}

以上代碼分別實現了水平和垂直居中的效果，可以根據自己的需要選擇相應的方法。但需要注意的是，在使用 flex 布局時需要考慮兼容性，并添加相應的前綴。