CSS多行文字水平居中 對于設計網頁時，我們經常會遇到需要把多行文字水平居中的情況。這時候，我們可以使用CSS來實現。接下來，我們就來介紹一下如何使用CSS實現多行文字的水平居中。 首先，我們需要先把文字放在一個容器中，這個容器可以是一個`div`標簽或其他的標簽。 ```html``` 然后，我們需要使用CSS來設置容器的樣式，實現多行文字水平居中。 ```css .text-container { text-align: center; } ``` 這個設置很簡單，只需要給容器設置`text-align: center`，就可以讓容器里的所有文字水平居中了。 但是，這個設置只對單行文字起作用，如果容器里有多行文字，則需要加入其他的CSS屬性。 ```css .text-container { text-align: center; display: flex; flex-direction: column; justify-content: center; } ``` 這里我們使用了`flex`布局，給容器設置`display: flex`，容器里的所有子元素都會按照一定的規則排列。 `flex-direction: column`表示子元素按照垂直方向排列，這樣就可以保證多行文字不會出現橫向排列的情況。 `justify-content: center`表示在容器的垂直方向上居中對齊。這個設置可以讓所有多行文字圍繞中心對齊顯示。 這樣，就可以實現多行文字的水平居中了。 總結 多行文字水平居中是網頁設計中常用的一種布局方式。通過使用CSS來設置容器的樣式，可以輕松實現多行文字的水平居中。 以上就是關于CSS多行文字水平居中的介紹，希望對您有幫助。