css中怎么让div水平居中

CSS中，实现让水平居中的方法有很多。下面我们来介绍三种实现方法。

第一种方法是利用display属性和margin属性。将的display属性设置为“inline-block”，然后将margin属性设置为“auto”，即可实现水平居中。

div {
    display: inline-block;
    margin: 0 auto;
} 

第二种方法是利用text-align属性。将父级元素的text-align属性设置为“center”，再将子元素的text-align属性设置为“left”，即可实现水平居中。

.parent {
    text-align: center;
}
.child {
    text-align: left;
} 

第三种方法是利用Flexbox布局。将父级元素的display属性设置为“flex”，然后将justify-content属性设置为“center”，即可实现水平居中。

.parent {
    display: flex;
    justify-content: center;
} 

以上是三种实现水平居中的方法，可以根据实际情况选择合适的方法进行使用。