alignment - 在 Bootstrap 5 中垂直对齐项目和隐藏元素不能一起工作？

Question

我正在使用 Bootstrap 5，我垂直居中对齐这个 div，并且当屏幕尺寸为 md 或更小时，我也隐藏了这个部分。但由于某种原因，只有当我没有“d-none d-md-block”时它才会垂直居中对齐。一旦我添加了“d-none d-md-block”，它就不再垂直居中了。任何建议，将不胜感激。谢谢。

<div
      class="
        d-flex
        col-md-5
        align-items-center
        justify-content-evenly
        px-5
        bg-secondary
        d-none d-md-block
      "
    > ```

标签： alignmentdisplaybootstrap-5

Answer 1

d-flexCSS 中的集合display: flexCSS 中的 d-md-block集合display: block.. 您正在覆盖“flex”。

将您的更改d-md-block为d-md-flex. （也可以删除d-flex，因为您不需要它。）