html - 如何通过垂直中心居中块？

Question

<div class="home__buttons">
  <div class="col-md-6 col-md-offset-3">
    <div class="buttons">
      <div class="col-md-6">
        <div class="displayButton">
          <label>{{'step4_text_button1' | translate}} </label>
        </div>
      </div>
      <div class="col-md-6">
        <div class="displayButton">
          <label>{{'step4_text_button2' | translate}} </label>
        </div>
      </div>
    </div>
  </div>
</div>

现在这是水平对齐的，我也尝试使用 position: absolute 将其垂直居中对齐，但是这条规则破坏了引导样式。

我也试过 flex：

.home__buttons {
    display: flex;
    align-content: center;
    align-items: center;
}

标签： htmlcss

Answer 1

您可以尝试使用

.home_buttons
{
vertical-align:middle;
}