怎么把div居中对齐

你可以使用CSS的flexbox布局或者使用position属性来实现将div居中对齐。

使用flexbox布局的方法如下：

HTML:

<div class="container">
  <div class="centered-div">
    <!-- 内容 -->
  </div>
</div>

CSS:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 如果需要垂直居中，可以添加以下样式 */
  /* flex-direction: column; */
}

.centered-div {
  /* 样式设置 */
}

使用position属性的方法如下：

HTML:

<div class="container">
  <div class="centered-div">
    <!-- 内容 -->
  </div>
</div>

CSS:

.container {
  position: relative;
  /* 如果需要垂直居中，可以添加以下样式 */
  /* display: flex; */
  /* align-items: center; */
}

.centered-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 样式设置 */
}

这些方法可以将div元素水平居中对齐。如果你需要垂直居中，可以根据需要添加相关的样式。