CSS中提供了多種方法來(lái)實(shí)現(xiàn)字體的居中顯示，下面我們就來(lái)一一介紹。

/* 方法1：使用line-height */
div{
height: 100px;
line-height: 100px; /* line-height值等于容器的高度 */
text-align: center;
}
/* 方法2：使用vertical-align */
div{
height: 100px;
text-align: center;
}
span{
display: inline-block;
vertical-align: middle; /* vertical-align值為middle */
}
/* 方法3：使用Flex布局 */
div{
display: flex; /* 將容器設(shè)置為Flex布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

以上就是CSS中實(shí)現(xiàn)字體居中顯示文字的三種方法，可以根據(jù)實(shí)際需求選擇使用。