CSS是用于設(shè)計(jì)和布局網(wǎng)頁(yè)的一種重要技術(shù)。居中是一種常用的CSS水平對(duì)齊方式，可以讓文本在水平方向上居中顯示。在本文中，我們將介紹CSS水平對(duì)齊方式中的居中方式。

CSS水平對(duì)齊方式有兩種：垂直居中和水平居中。垂直居中是指在水平方向上將文本垂直居中顯示，而水平居中則是指在水平方向上將文本水平居中顯示。這兩種方式都涉及到CSS的`text-align`屬性。

下面將分別介紹這兩種居中方式：

## 垂直居中

使用`text-align：垂直居中`屬性可以將文本垂直居中。例如：

```css

.parent {

text-align：垂直居中；

這個(gè)CSS代碼將創(chuàng)建一個(gè)垂直居中的父元素，其子元素中的文本會(huì)被垂直居中。請(qǐng)注意，這種方法只適用于水平方向上的文本。

## 水平居中

使用`text-align：水平居中`屬性可以將文本水平居中。例如：

```css

.parent {

text-align：水平居中；

這個(gè)CSS代碼將創(chuàng)建一個(gè)水平居中的父元素，其子元素中的文本會(huì)被水平居中。這種方法可以處理水平方向上的多個(gè)文本。

請(qǐng)注意，使用`text-align：水平居中`屬性時(shí)，如果子元素中有垂直對(duì)齊的文本，那么這些文本仍將垂直居中，而不是水平居中。這是因?yàn)镃SS默認(rèn)情況下只會(huì)使用一個(gè)`text-align`屬性，并且垂直對(duì)齊的文本會(huì)被覆蓋在水平居中的文本之上。

居中是CSS中一種非常重要的水平對(duì)齊方式，可以讓您的網(wǎng)站更加美觀，易于閱讀。通過(guò)使用`text-align：垂直居中`和`text-align：水平居中`屬性，您可以輕松地將文本垂直和水平居中。希望本文對(duì)您有所幫助。