html中如何设置多个div居中

在HTML中，我们经常需要设置多个div元素居中对齐。下面我们来学习一下如何完成这个任务。 首先，我们需要在CSS中使用display: flex属性来使父元素成为一个弹性容器，然后再使用justify-content属性来实现将子元素水平居中对齐。代码如下： ```

内容1

内容2

内容3

``` 上面的代码将会把三个子元素div平均分布在父元素容器中，并且居中对齐，其他元素内容的设置可以根据实际需求进行调整。 如果要在父元素水平和垂直方向都居中对齐，那么我们需要使用align-items属性。代码如下： ```

内容1

内容2

内容3

``` 上面的代码将会把三个子元素div在父元素容器中同时水平和垂直居中对齐，其他元素内容的设置可以根据实际需求进行调整。 以上就是在HTML中如何设置多个div居中的方法，希望对大家有所帮助。