HTML 居中对齐文本的代码示例

当要将一个元素在页面中水平居中对齐时，可以使用以下代码：

<!DOCTYPE html>
<html>
<head>
<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
</style>
</head>
<body>

<div class='container'>
  <h1>居中对齐的文本</h1>
</div>

</body>
</html>

这段代码使用了 CSS 的'flexbox'布局。在'.container'类中，'display: flex;'使得该元素成为一个弹性容器，'justify-content: center;'使得子元素在主轴上居中对齐，'align-items: center;'使得子元素在交叉轴上居中对齐。'height: 100vh;'设置'.container'元素的高度为视口高度的 100%，这将使得元素在页面中垂直居中对齐。

你可以将这段代码复制到一个 HTML 文件中，并在浏览器中打开该文件，就能看到居中对齐的文本。