CSS可以幫助我們輕松實現單行文本居中的效果，只需要使用text-align屬性即可。

text-align:center;

在需要居中的元素中添加該屬性即可。例如，我們想要讓一個h1標題居中：

h1 {
text-align:center;
}

除了text-align屬性，還可以使用line-height屬性來實現單行文本居中的效果。只需要將行高設置為與元素高度相等即可。

line-height:元素高度;

例如，我們想要讓一個按鈕的文本居中，不管文本長度如何，可以這樣：

.button {
width:200px; /* 按鈕寬度 */
height:50px; /* 按鈕高度 */
line-height:50px; /* 行高等于按鈕高度 */
text-align:center; /* 水平居中 */
}

上述代碼會使按鈕文本垂直居中并水平居中。