div居中

要使一个 div 元素在页面中水平和垂直居中，可以使用如下的 CSS 样式：

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

这里的 `position: absolute;` 让 div 元素脱离文档流，可以使用 `top` 和 `left` 属性来将其定位到页面的中心。而 `transform: translate(-50%, -50%);` 则可以将其向左上方移动，使其居中。

需要注意的是，这种方法只适用于固定宽高的 div 元素，如果 div 元素的宽高是动态的，需要设置宽高的一半作为参数传入 `transform: translate(-50%, -50%);` 中。

相关问题

设置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文本水平居中。