CSS是前端開發者必須熟練掌握的技能之一，它可以讓頁面更加美觀并且使得頁面布局更加合理。而在CSS的使用中，居中文字也是非常重要的一個問題。

下面，我們將介紹三種CSS方式居中文字的方法。

/* 方法一：使用text-align屬性 */
.center {
text-align: center;
}

這種方法適用于文字在一個父元素（如div）中居中。text-align屬性可以設置文字水平居中，顯然，這個屬性不會改變文字的豎直方向，如果你想文字在垂直方向上也居中，那么你應該使用一些margin和padding的技巧。

/* 方法二：使用line-height屬性 */
.center {
line-height: 280px;
}

通過給包含文字的元素設置line-height屬性，可以讓文字垂直居中。為了使文字垂直居中，必須將line-height的值設置成與父元素高度一致。

/* 方法三：使用flexbox布局 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
.center {
width: 100px;
height: 100px;
}

flexbox布局是CSS3新的屬性，它可以讓開發者更方便地布局元素，包括文字的居中。在這個方法中，我們使用display: flex;屬性將容器轉換成一個flexbox元素，然后應用justify-content: center;和align-items: center;屬性讓文字居中，這種方法可以同時解決水平和垂直居中的問題。

通過以上三種CSS方法居中文字，開發者可以更加靈活在頁面上布局，使得頁面看上去更加美觀。但是在使用這些方法時，開發者還需根據情況選擇最優方式。