Html 如何将定义了宽度和高度的div定位在另一个div的中心？

我正在使用引导，以下是我的HTML代码：

    <div class="row">
          <div class="col-md-3">
              <div class="a">
                  <p>a</p>
              </div>
          </div>
          <div class="col-md-3">
              <div class="b">
                  <p>b</p>
              </div>
          </div>
          <div class="col-md-3">
              <div class="c">
                  <p>c</p>
              </div>
          </div>
          <div class="col-md-3">
              <div class="d">
                  <p>d</p>
              </div>
          </div>
    </div>

---

问题是我想将这些div（class a、b、c、d）定位到每个类（col-md-3）的中心。有人能帮我吗

您可以使用自动边距将元素水平居中：

.a, .b, .c, .d {
    margin: 0 auto;
}

还可以在父元素上使用flexbox实现水平和垂直居中：

.col-md-3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

---

谢谢~我会接受这个答案~因为stackoverflow说我不能在8分钟内接受答案…谢谢：）这个超时是为了确保在你决定接受哪个答案之前，其他人也有机会提交可能更好的答案。

.col-md-3 {
    display: flex;
    align-items: center;
    justify-content: center;
}