CSS 中如何使文本居中 在 CSS 中，實現文本居中有幾種方式。下面我們將分別介紹這幾種方法。 1. 使用 text-align 屬性 text-align 屬性控制元素內文本的水平對齊方式。將它設置為 center 可以將文本居中。 ``` p { text-align: center; } ``` 2. 使用 line-height 和 height 屬性 如果你知道塊級元素的高度，也可以通過設置 line-height 和 height 屬性來實現文本居中。 ``` p { height: 100px; line-height: 100px; text-align: center; } ``` 3. 使用 flexbox Flexbox 是一種 CSS 布局模式，可以輕松地實現元素的對齊和排列。通過將 display 屬性設置為 flex 或 inline-flex，并將 justify-content 和 align-items 屬性設置為 center，可以將元素和其中的文本居中。 ``` .container { display: flex; justify-content: center; align-items: center; } ``` 4. 使用 grid 如果你更喜歡使用 CSS Grid，你也可以通過將 display 屬性設置為 grid，并設置 justify-items 和 align-items 屬性為 center 來實現文本居中。 ``` .container { display: grid; justify-items: center; align-items: center; } ``` 以上便是在 CSS 中，實現文本居中的幾種方法。根據不同的場景和需求，選擇不同的方法進行文本居中，能讓你的樣式更加靈活。