主页 / 问题 / 995942
Accepted
recile
Asked:2020-06-24 18:16:13 +0000 UTC2020-06-24 18:16:13 +0000 UTC

如何使用引导程序 4 将 div 与页面中心对齐

  • 772

所以它以宽度和高度为中心？

.square{
width: 100px;
  height: 100px;
  border: solid;
}
<div class='square'></div>

css

1 个回答

  1. Best Answer

    将父元素设置为显示：flex（bootstrap 4 有 d-flex 类），并将方形块属性设置为 margin: auto

    * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wrapper {
  border: 1px solid red;
  width: 100vw;
  height: 100vh;
  display: flex;
}
.square{
  width: 100px;
  height: 100px;
  border: solid;
  margin: auto;
}
    <div class="wrapper">
  <div class='square'></div>
</div>

    • 2

相关问题