css 如何让文字在一个背景中居中显示

可以使用以下的 CSS 属性和值来让文字在一个背景中居中显示：

.container {
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px; /* 可根据需要调整高度 */
}

.text {
  text-align: center;
}

在上面的示例中，.container 是包含背景的容器元素，.text 是要居中显示的文字元素。

display: flex; 将容器元素设置为 Flex 容器。 justify-content: center; 水平居中文字。 align-items: center; 垂直居中文字。

在文字元素上使用 text-align: center; 可将文字在容器中水平居中显示。

注意，这是一种常用的方法，但也可以使用其他方法来实现文字在背景中居中显示，具体取决于你的需求和布局。