HTML 水平居中

简介

水平居中是指将元素在水平方向上置于容器中间。在 HTML 中，可以通过多种方式实现水平居中。

多级标题

使用文本对齐属性

```html

```

使用 flexbox

```html

```

使用 margin 属性

```html

```

内容详细说明

使用文本对齐属性

`text-align` 属性用于设置元素的文本对齐方式。将其设置为 "center"，即可水平居中元素。

使用 flexbox

Flexbox 是一个布局模块，允许更灵活地控制元素布局。`justify-content` 属性用于设置元素在容器中的水平对齐方式。将其设置为 "center"，即可水平居中元素。

使用 margin 属性

`margin` 属性用于设置元素的边距。将元素设置成 `margin: 0 auto;`，会将其水平居中。

选择方法

选择哪种方法取决于具体情况。对于简单的元素，`text-align` 属性通常是最简单的选择。对于更复杂的情况，flexbox 或 margin 属性可能更合适。

示例

以下示例显示了如何使用 flexbox 水平居中一段文本：```html

```