css中如何使div水平居中显示

CSS中常用的一种布局方式是将元素水平居中，下面介绍一些实现方法。

方法一：使用text-align属性

div {
  text-align: center;
}

该方法适用于内部只有行内元素的情况，或是内部的块级元素宽度小于父元素的情况。因为该方法会将内部元素都居中。

方法二：使用margin属性

div {
  margin: 0 auto;
}

该方法适用于内部只有一个块级元素的情况，因为该方法只会将内部的块级元素水平居中。

方法三：使用flex布局

div {
  display: flex;
  justify-content: center;
}

该方法适用于内部元素比较复杂的情况，因为该方法可以很灵活地控制元素的排列方式，同时支持垂直居中。