在前端開發中，我們經常遇到文字不能居中的情況。造成這種情況的原因有很多，其中一種主要原因就是我們沒有正確地理解和使用 CSS 居中的方式。

下面讓我們來看一下如何解決 CSS 中文字無法居中的問題。

text-align: center;

這是最常見的居中方式之一。它可以讓文字在其父元素中水平居中。但是，如果你使用這個屬性來想垂直居中文本，那么你會失望的發現這并不起作用。這是因為它只對水平居中產生效果。

line-height: 特定數值;
vertical-align: middle;

這個居中方式比較麻煩，需要使用兩個屬性 line-height 和 vertical-align，且必須配合使用。其中，line-height 的值需要等于父元素的高度，這樣可以保證文本在垂直方向上正好居中。接著，我們使用 vertical-align 屬性將文本垂直居中。vertical-align 的值需要設置為 middle。

display: flex;
justify-content: center;
align-items: center;

Flexbox 是一種比較新的布局方式，它可以非常方便地實現文本居中。我們只需要將父元素的 display 屬性設為 flex，然后使用 justify-content 和 align-items 屬性分別實現水平和垂直居中。其中，justify-content 的值為 center，可以實現水平居中，而 align-items 的值也設為 center，可以實現垂直居中。

以上就是解決 CSS 中文字無法居中的三種方式。選擇一種適合自己的方式，可以讓網頁更加美觀，也可以讓代碼更加規范。