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居中

可以使用Bootstrap的flexbox布局来实现div居中。下面是一个简单的示例代码：

<div class="d-flex justify-content-center align-items-center">
  <div class="my-div">内容</div>
</div>

在包含要居中的div的父元素上使用`d-flex justify-content-center align-items-center`类，这将使父元素成为一个flex容器，并将其子元素水平和垂直居中。然后，您可以将要居中的div放在父元素内。如果你想让div水平居中，同时保留原本的宽度，可以在`my-div`类上设置`text-center`类，如下所示：

<div class="d-flex justify-content-center align-items-center">
  <div class="my-div text-center">内容</div>
</div>

这将使div文本水平居中。