与显示器的div：flex不是居中的子div

这个问题在这里已经有了答案：

Flexbox：水平和垂直居中8个答案

---

使用justify-content: center 。 您可以在这里找到更多信息

#imgBot {
  position: absolute;
  height: 100px;
  width: 100%;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.imgBoxBot {
  height: 100px;
  width: 100px;
}

<div id="imgBot">
  <div class="imgBoxBot">
    test
  </div>
  <div class="imgBoxBot">
    test
  </div>
</div>

链接地址: http://www.djcxy.com/p/76021.html

上一篇: div with display: flex is not centering child div

下一篇: Vertically centering text in square (flex) divs