在CSS中，將文字居中顯示是一個常見的需求，要實現(xiàn)文字居中，可以使用CSS的text-align屬性來設(shè)置文本的對齊方式，以下是一些示例代碼，展示如何將文字居中：

示例1：水平居中

.text-center {
  text-align: center;
}

<div class="text-center">
  這段文字將會水平居中顯示。
</div>

示例2：垂直居中

垂直居中文字通常需要使用到line-height屬性，或者更復(fù)雜的CSS布局技巧，如Flexbox或Grid，以下是一個使用line-height實現(xiàn)垂直居中的示例：

.vertical-center {
  height: 100px; /* 任意高度 */
  line-height: 100px; /* 與高度相同 */
}

<div class="vertical-center">
  這段文字將會垂直居中顯示。
</div>

示例3：水平垂直都居中

要實現(xiàn)水平和垂直都居中的文字，可以使用Flexbox布局：

.center-both {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

<div class="center-both">
  這段文字將會水平和垂直都居中顯示。
</div>

示例4：使用CSS Grid實現(xiàn)居中

CSS Grid也是一個強大的布局工具，可以用來實現(xiàn)復(fù)雜的居中需求：

.grid-center {
  display: grid;
  justify-content: center; /* 水平居中 */
  align-content: center; /* 垂直居中 */
}

<div class="grid-center">
  這段文字將會水平和垂直都居中顯示。
</div>

CSS中的文本居中方法

1、水平居中：使用text-align: center;。

2、垂直居中：使用line-height: <高度>;或者Flexbox的align-items: center;。

3、水平和垂直都居中：使用Flexbox的justify-content: center;和align-items: center;或者CSS Grid的justify-content: center;和align-content: center;。