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