CSS 使所有文本居中

在Web开发中，有时需要将所有文本内容都居中显示。这个需求可以通过CSS来实现。下面是几种方法。

1. 文本居中

可以使用 text-align 属性将文本居中。

body {
  text-align: center;
}

这将使整个页面的文本都居中。

2. 容器居中

将文本内容放置到一个容器中，可以使用以下代码将容器居中。

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

以上代码通过 display: flex 属性将容器变成一个弹性盒子，通过 justify-content: center 和 align-items: center 属性将容器水平和垂直居中。

3. 行内元素居中

对于行内元素，可以使用以下代码将其居中。

.parent {
  text-align: center;
}

.child {
  display: inline-block;
  text-align: left;
}

以上代码将行内元素的父元素设置为居中，将行内元素本身设置为 display: inline-block，并将其文本对齐方式设置为左对齐，从而实现了行内元素的居中。

总之，通过以上方法，可以将所有文本居中显示。