用flexbox实现此布局的最佳方法是什么？

Question

我正在尝试使用flexbox实现布局：

我知道我可以设置容器样式：

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

使上框对齐，但下框如何？

Answer 1

您可以使用下部框中的align-self来覆盖容器上为一个元素设置的align-items。

请参阅此链接以供参考：https://css-tricks.com/almanac/properties/a/align-self/