div居中

可以使用以下CSS代码将一个div居中显示：

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

这将把div元素的左上角放置在屏幕的中心。`position: absolute`属性将使div相对于其最近的已定位祖先元素进行定位。`top: 50%`和`left: 50%`将div元素的左上角移动到其包含元素的中心。最后，`transform: translate(-50%, -50%)`将div元素向左和向上移动其自身宽度和高度的一半，以将其完全居中。

相关问题

设置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`表示将子元素垂直居中。