Question

解决方案：很抱歉重复，因此，如果您要使相同高度的列具有较短的内容，则该列也必须是可弯曲的。

最终解决方案：

main article {
  display: flex;
  align-items: center;
  justify-content: center;
}

PS：很抱歉重复

原始帖子：

请问我在设计中要使所有列的高度都相同是有问题的。您可以在这里看到它：

我的问题是，我想让article元素居中（垂直和水平），但是当我不得不像下面这样使用align-self: center时：

main article {
    align-self: center;
}

我的专栏的高度不像菜单或旁边的高度（当然，如果我使用align-self: center至aside同样的问题。

我正在尝试 google 答案，但是当您在flexbox中使用更多行时，我发现的所有内容都是相同的高度（并且没有居中的：/）

PS：如您所见，我有完整的响应菜单。当您使用大型显示器时，在左侧；在使用中型显示器时，在所有项目中；在不使用javascript的情况下，手机在标题中显示菜单按钮：)希望这可以对某人有所帮助

我正在尝试将flex-flow: 1 0 auto之类的技巧添加到main标签中的所有子项中。

main > * {
  flex-flow: 1 0 auto;
}

但没有帮助

有什么建议吗？

PS：如果将来对其他人有用，我可以在此处复制整个代码，但我想一直将其保留在我的代码池中，我认为不需要。 < / p>

非常感谢您提供任何建议