在網頁設計中，文本的對齊方式是一項非常重要的技術。CSS是一種強大的樣式設計語言，其對文本的對齊方式有多種控制方式。本文將探討CSS文本居中對齊的代碼實現。 一般來說，CSS文本居中對齊分為水平居中和垂直居中兩種方式。下面就分別介紹這兩種居中方式的代碼實現。 1. 水平居中 水平居中即將文本水平方向的中心點和容器的水平方向中心點重合。實現這種方式有多種方法，以下是兩種主要方式： 方法一： p { text-align: center; } 該代碼將p元素內的文本居中對齊，但注意這一方式只對行內元素適用。 方法二： p { width: 50%; margin: auto; } 該代碼將p元素的寬度設為50%，并通過設置外邊距的方式，將元素水平居中對齊。 2. 垂直居中 垂直居中即將文本垂直方向的中心點和容器的垂直方向中心點重合。實現這種方式同樣有兩種主要方式： 方法一： .container { display: table-cell; vertical-align: middle; } 該代碼將容器元素的屬性設為table-cell，然后使用vertical-align屬性將其垂直居中對齊。需要注意的是，該方法要求容器只能有一個子元素。 方法二： .container { position: relative; } p { position: absolute; top: 50%; transform: translateY(-50%); } 該代碼將容器設置為相對定位，然后將p元素設置為絕對定位。再通過設定p元素的top值為50%，使用transform屬性的translateY函數，將元素向上平移自身高度的50%，實現垂直居中對齊。 總結： CSS文本居中對齊可以通過多種方式實現，其中水平居中和垂直居中是實現的重難點。以上介紹的是常用的兩種方式，讀者可以根據實際情況選擇相應的方式。