CSS偽元素可以為元素添加一些特殊的樣式，在網頁設計中非常常用。其中，CSS偽元素文字居中的部分也十分實用。本文將為大家介紹如何使用CSS偽元素使文字居中的方法。 首先，我們需要定義一個包裹層來固定偽元素的位置。在這個包裹層中使用 `position: relative;` 就可以將偽元素相對于其自身的位置進行定位。 接下來，需要使用 `::before` 偽元素來實現文字居中的效果。在該偽元素中添加如下代碼： ``` .content::before { content: ""; /* 內容為空 */ display: inline-block; vertical-align: middle; height: 100%; } ``` 此處， `content: ""` 指的是偽元素的內容為空， `display: inline-block;` 將偽元素定義為一個內聯元素， `vertical-align: middle;` 將偽元素相對于喝一個元素垂直居中對齊， `height: 100%;` 將偽元素的高度設置為和包裹層相同的高度。 接下來，針對我們的偽元素進行樣式定義，比如設置偽元素的寬度和背景顏色： ``` .content::before { width: 50%; background-color: #f2f2f2; } ``` 最終的代碼樣式會像這樣： ``` p { text-align: center; } pre { background-color: #f2f2f2; } .content { position: relative; } .content::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 50%; background-color: #f2f2f2; } ``` 以上就是利用 CSS 偽元素實現文字居中的一種方法。希望這篇文章能夠幫助讀者更加深入地理解和熟練應用 CSS 的技巧，為自己的網頁設計工作帶來更多的便利和效率。