如何使 HTML 标题居中 - CSS

要让 HTML 标题居中，可以通过使用 CSS 来实现。下面介绍两种简单的方法：

1. 使用 text-align 属性

HTML 的标题是通过 <h1> 至 <h6> 标签来定义的，这些标签默认具有居中对齐的样式，因此只需要在包含标题的父元素上设置居中对齐即可。

h1 {
  /* 如果 h1 标题的父元素是 body，则可以设置如下样式 */
  text-align: center;
}

这将使所有 <h1> 标签都居中对齐。如果只想让某个特定标题居中对齐，则可以在包含该标题的父元素上设置居中对齐。

.container {
  /* 假设 .container 是包含特定标题的父元素 */
  text-align: center;
}

.container h1 {
  /* 单独设置某个标题 */
  text-align: center;
}

2. 使用 margin 属性

另一种实现标题居中的方法是使用 margin 属性。

h1 {
  /* 如果 h1 标题的父元素是 body，则可以设置如下样式 */
  margin: 0 auto; /* 水平方向上自动居中 */
  
  /* 可以设置上下间距来实现垂直居中 */
  margin: 50px auto;
}

这将使所有 <h1> 标签都居中，并在水平方向上自动分配左右间距。设置上下间距可以实现垂直居中。

同样地，在包含某个特定标题的父元素上设置 margin：0 auto; 也可以实现仅让该标题居中对齐。

这些方法同样适用于其他 HTML 标签，只需将 h1 替换为所需标签即可。

希望这两种方法能够帮助您使 HTML 标题居中。