CSS中的li標(biāo)簽是常用的列表標(biāo)簽，而字體居中是我們在網(wǎng)頁設(shè)計中經(jīng)常需要用到的樣式之一，那么如何讓li標(biāo)簽里面的文字居中呢？接下來，我們就來介紹一下。

li {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

我們可以看到，上述代碼使用了三個屬性，分別是text-align、display和justify-content，下面我們逐一來解析一下：

1、text-align：這個屬性得益于瀏覽器的樣式繼承機(jī)制，是可以將文本居中的，所以我們首先需要將li標(biāo)簽的文本居中，這可以通過設(shè)置text-align: center來實(shí)現(xiàn)。

2、display：這個屬性是設(shè)置元素的顯示方式，我們需要將li標(biāo)簽設(shè)置成flex布局，這樣才能方便地進(jìn)行居中處理。

3、justify-content和align-items：這兩個屬性是flex布局中的屬性，它們分別是橫向和縱向的居中方式。我們可以通過設(shè)置justify-content: center和align-items: center將li標(biāo)簽里面的內(nèi)容居中。

最后，需要注意的是，如果li標(biāo)簽里面的內(nèi)容是圖片，那么圖片需要有固定的寬高才能居中顯示，在這里我們可以設(shè)置圖片的margin屬性為auto來實(shí)現(xiàn)。