div1在div2水平居中的css怎么写

要实现div1在div2水平居中的效果，可以使用Flexbox布局或者传统的margin属性来实现。以下是两种方法的示例代码：

使用Flexbox布局：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中，如果需要 */
}

.div2 {
  /* div2的样式 */
}

.div1 {
  /* div1的样式 */
}

使用传统的margin属性：

.container {
  text-align: center; /* 设置div2的文本对齐方式为居中 */
}

.div2 {
  display: inline-block; /* 让div2以行内元素的方式显示 */
}

.div1 {
  display: inline-block; /* 让div1以行内元素的方式显示 */
  margin-left: auto; /* 设置左边距为自动，将div1向右推到水平居中的位置 */
  margin-right: auto; /* 设置右边距为自动，将div1向左推到水平居中的位置 */
}

以上代码中，`.container`是包裹div1和div2的容器元素，可以根据实际情况自行命名。`.div1`和`.div2`分别代表div1和div2的样式，根据需求进行设置。