html - 将 flex 元素制作为 flex 容器是不好的做法吗？

Question

我有一个这样的 html 布局:

<div class="container">
  <div class="content">
    // content goes here
  </div>
</div>

我将 100vh 应用于容器 div。我需要垂直居中内容。我发现如果我将以下 CSS 应用于容器和内容，我可以将内容 div 中的所有内容垂直居中，但我想知道这是否是不好的做法，我是否应该做其他事情？

display: flex;
justify-content: center;
align-items: center;

谢谢!

Answer 1

嵌套 flex 容器并没有错或无效。 flexbox specification既不禁止也不告诫这种做法。

事实上，当您需要将 flex 属性应用于顶级容器的后代时，这是您必须做的，因为 flex 布局仅在父元素和子元素之间起作用。

此处有更多详细信息:Proper use of flex properties when nesting flex containers