web前端字体居中_css如何让文字水平居中显示？

可以使用 CSS 的 `text-align` 属性来实现文字水平居中显示，例如：

div {
  text-align: center;
}

上述代码将使 `div` 元素中的文本内容水平居中显示。如果要让某个特定元素内的文本水平居中，也可以直接在该元素上使用 `text-align: center;`。

需要注意的是，这个属性只对块级元素（如 `div`）和一些内联块元素（如 `button`）有效，对于一般的内联元素（如 `span`）可能需要将其转换为内联块元素才能生效。可以使用 CSS 的 `display` 属性来实现：

span {
  display: inline-block;
  text-align: center;
}

上述代码将使 `span` 元素转换为内联块元素，从而使 `text-align` 属性生效。