div居中

要让一个div居中，可以使用以下的CSS样式：

div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

这样设置之后，div元素就会相对于父元素垂直居中，并且水平居中。其中，`translate(-50%, -50%)`的作用是将元素往上、往左移动自身宽高的50%，从而实现居中效果。

相关问题

设置div居中

要使一个div居中，可以使用以下css代码：

div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

这将使div在其父元素的中心水平和垂直对齐。

bootstrap div居中

要将一个div水平居中，可以使用Bootstrap的内置类`mx-auto`，例如：

<div class="container">
  <div class="row">
    <div class="col-md-6 mx-auto">
      <p>This div will be centered horizontally.</p>
    </div>
  </div>
</div>

其中，`col-md-6`表示这个div占据了父元素的6个列，`mx-auto`表示自动将该div水平居中。如果要将整个div垂直居中，还需要使用CSS的`align-items`属性，如下所示：

<div class="container d-flex align-items-center">
  <div class="row">
    <div class="col-md-6 mx-auto">
      <p>This div will be centered horizontally and vertically.</p>
    </div>
  </div>
</div>

其中，`d-flex`表示该容器使用了Flex布局，`align-items-center`表示将子元素垂直居中。