css设置div水平居中方法

在CSS中，可以使用多种方法来实现div的水平居中。以下是几种常用的方法：

1. 使用flexbox布局:

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

<div class="center-flex">
  <div>内容</div>
</div>

2. 使用margin:auto方法:

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

<div class="center-margin">
  <div>内容</div>
</div>

3. 使用定位(position)和transform:

.center-position {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

<div class="center-position">
  <div>内容</div>
</div>

4. 使用text-align和inline-block:

.center-text {
  text-align: center;
}
.center-text div {
  display: inline-block;
}

<div class="center-text">
  <div>内容</div>
</div>

这些方法可以根据不同的布局需求选择使用。