HTML 中心文本

在 HTML 中，我们可以使用一些技巧将文本定位于中心位置。以下是几种常用的方法：

使用 <center> 标签

<center> 标签可以将其中的内容居中显示。例如：

<center>
  <h1>这是居中的标题</h1>
  <p>这是居中的段落</p>
</center>

使用 CSS 属性

我们也可以使用 CSS 的 text-align 属性将文本居中。可以通过以下两种方式实现：

• 对整个文档应用样式：

  <style>
    body {
      text-align: center;
    }
  </style>
  <h1>这是居中的标题</h1>
  <p>这是居中的段落</p>
  

• 只对特定元素应用样式：

  <style>
    .center-text {
      text-align: center;
    }
  </style>
  <div class="center-text">
    <h1>这是居中的标题</h1>
    <p>这是居中的段落</p>
  </div>
  

使用 Flexbox

Flexbox 是一种强大的布局方法，可以轻松实现元素的居中对齐。以下是使用 Flexbox 居中文本的例子：

<style>
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
  }
</style>
<div class="container">
  <h1>这是居中的标题</h1>
  <p>这是居中的段落</p>
</div>

以上是几种常用的方法，你可以根据实际需要选择适合的方式将文本居中显示在 HTML 页面中。