css div水平居中

要实现CSS中div水平居中的效果，可以使用以下几种方法：

1. 使用margin属性：
将div的左右margin设置为auto，可以使其在父容器中水平居中。

   .center-div {
     margin-left: auto;
     margin-right: auto;
   }

2. 使用flexbox布局：
将父容器设置为display:flex，并使用justify-content属性将子元素水平居中。

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

3. 使用grid布局：
将父容器设置为display:grid，并使用justify-items属性将子元素水平居中。

   .parent-container {
     display: grid;
     justify-items: center;
   }

4. 使用position属性：
将div的position属性设置为absolute，并使用left和right属性为0，再将margin属性设置为auto，可以使其在父容器中水平居中。

   .center-div {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
   }

这些方法可以根据具体的需求选择适合的方式来实现div的水平居中效果。