CSS中的li文字居中 在網頁設計中，li標簽經常被用來創建列表。但是往往我們會發現默認情況下，li中的文本并不居中對齊，這樣就影響了頁面的美觀度。下面我們來看看如何利用CSS讓li中的文本居中對齊。 在CSS中，我們可以使用text-align屬性來控制文本的對齊方式。當我們設置text-align為center時，文本會居中對齊。例如： li { text-align: center; } 這樣就可以讓li中的文本居中對齊了。但是需要注意的是，這只能控制li中文本的水平居中，如果我們還想讓文本垂直居中，需要使用vertical-align屬性。例如： li { text-align: center; vertical-align: middle; } 這樣就可以讓li中的文本在水平和垂直方向上都居中對齊。 除了上述方法之外，我們還可以使用偽類來控制li中文本的樣式。偽類可以讓我們更具體地控制文本的樣式，例如字體大小、字體顏色等。例如： li::before { content: ""; display: inline-block; width: 0.5em; height: 100%; vertical-align: middle; } li { display: inline-block; vertical-align: middle; text-align: center; } 這樣就可以讓li中的文本在視覺上居中對齊，同時我們還可以通過偽類控制文本樣式。需要注意的是，在使用偽類的時候，我們需要保證li的display屬性為inline-block，這樣才能使偽類生效。 以上就是利用CSS讓li中的文本居中對齊的幾種方式，在實際開發過程中，我們可以根據需要靈活選擇不同的方法來達到我們想要的效果。