CSS是網頁設計中常常使用的樣式表語言，可以實現頁面上各種元素的樣式控制。在網頁排版中，文字的居中是一個常見需求。下面就來介紹CSS如何控制文字的居中。 ## 文字水平居中 如果要讓文字在容器中水平居中，可以在容器的CSS樣式中設置"text-align:center;"屬性。例如： `````` 上面的CSS樣式會使得標簽為"container"的元素中的內容水平居中。注意設置的是容器的樣式，而不是文字的樣式。 ## 文字垂直居中 文字的垂直居中相對來說比較復雜，有三種常見的方法： ### 1.使用表格 可以將文字包含在表格中，然后設置表格單元格的屬性"vertical-align:middle;"。例如： ```

這是一段文字。

``` 上面的CSS樣式會使得表格中單元格中的內容垂直居中。這種方法的缺點是需要使用表格，而且適用性較窄。 ### 2.使用Flexbox Flexbox是CSS3的一種新的布局模式，可以實現更加靈活的布局。可以在包含文字的容器中設置"display:flex"屬性和"align-items:center"屬性。例如： `````` 上面的CSS樣式會使得標簽為"container"的元素中的文本垂直居中。這種方法的優點是通用性較高。 ### 3.使用CSS表格布局 CSS表格布局也可以實現元素的垂直居中。可以在包含文字的容器中設置"display:table-cell"屬性，以及父元素的"display:table"屬性。例如： `````` 上面的CSS樣式會使得標簽為"container"的元素中的文本垂直居中，缺點是需要使用CSS表格布局，語法復雜。 ## 總結 以上就是CSS控制文字居中的方法。水平居中可以通過設置容器的"text-align:center;"屬性實現，垂直居中可以使用表格、Flexbox或CSS表格布局三種方法。在實際使用中，可以根據具體的排版需求選擇不同的方法。