显示：弯曲;取消firefox上的边距％，但适用于chrome

Question

我正在使用Bootstrap并希望在 div class =“row”中垂直居中 div class =“col-md-12”。

所以我将这个课程添加到我的 div class =“row”：

.row-vertical-align {
  display: flex;
  align-items: center;
}

但是，我的 div class =“col-md-12”的边距为％，适用于Chrome，但不适用于Mozilla。

如果我移除display：flex;，边距会回来，但这里是我的垂直对齐方式。

你能帮我找一个解决方案吗？

提前致谢。

Answer 1

您可以将display:table-cell;vertical-align:middle;添加到父类（行），将{{1}}添加到子类（col-md-12）。