html怎样让盒子水平居中

要让盒子水平居中，可使用以下方法：

1. 使用`margin: 0 auto;`：将盒子的左右外边距设置为`auto`，这会使盒子在父元素中水平居中对齐。

```html

<div style="margin: 0 auto;">

<!-- 盒子内容 -->

</div>

```

2. 使用`flexbox`布局：将父元素的`display`属性设置为`flex`，然后使用`justify-content: center;`来使盒子在父元素中水平

居中。

```html

<div style="display: flex; justify-content: center;">

<!-- 盒子内容 -->

</div>

```

3. 使用`grid`布局：将父元素的`display`属性设置为`grid`，然后使用`justify-items: center;`来使盒子在父元素中水平居中。

```html

<div style="display: grid; justify-items: center;">

<!-- 盒子内容 -->

</div>

```

不管选择哪一种方法，都可以实现盒子水平居中。根据你的具体需求和布局结构，选择最合适的方法便可。