我有一个这样的 html 布局:
<div class="container">
<div class="content">
// content goes here
</div>
</div>
我将 100vh 应用于容器 div。我需要垂直居中内容。我发现如果我将以下 CSS 应用于容器和内容,我可以将内容 div 中的所有内容垂直居中,但我想知道这是否是不好的做法,我是否应该做其他事情?
display: flex;
justify-content: center;
align-items: center;
谢谢!
最佳答案
嵌套 flex 容器并没有错或无效。 flexbox specification既不禁止也不告诫这种做法。
事实上,当您需要将 flex 属性应用于顶级容器的后代时,这是您必须做的,因为 flex 布局仅在父元素和子元素之间起作用。
此处有更多详细信息:Proper use of flex properties when nesting flex containers
关于html - 将 flex 元素制作为 flex 容器是不好的做法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52051552/