Html 在按钮下使用带显示块按钮的display flex

我需要把按钮下的按钮，显示灵活。 当我移除

display:flex

时，按钮会上升到页面上方，但当我使用

display:flex

时，按钮居中，但并排

#包装器{
宽度：100%；
高度：400px；
边框：1px纯黑；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
钮扣{
高度：20px；
宽度：100px；
}

你好
你好

您可以使用

flex-direction:column

。这将垂直堆叠弹性项目（从上到下）

#包装器{
宽度：100%；
高度：400px；
边框：1px纯黑；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
}
钮扣{
高度：20px；
宽度：100px；
}

你好
你好

这个网站非常适合进入flex:@temaniaf，如果我不清楚这两个副本是否与这里提出的问题有关。提问者询问如何在flex容器中垂直而不是水平地堆叠子容器。“重复”都不能回答这个问题。然而，由于问题的第一段有点难以解析，混淆可能是不可避免的；我不会投票重新打开，因为目前还不清楚。@MarkAmery两个副本都是处理所有flexbox对齐问题（列或行）的规范副本。对我来说，这个问题缺乏研究，因为任何基本的Flexbox教程都会教你专栏方向，这些问题包含OP了解Flexbox所有功能所需的信息。它们涵盖的内容比问题更多，因此它们不仅仅是重复的。（我们仍然可以添加更多副本，但我添加的两个副本应该足够了）@MarkAmery这里是第一个副本的答案，完美地描述了这个用例：谢谢你，非常感谢regards@Jacoup，非常欢迎：）