css order属性在flex的顶部添加幽灵间距-试图模仿右浮动

Question

我本质上是在尝试模仿float: right连续的图像，并且这样做时在父项上方出现了一个神秘的空间。我在元素中使用flexbox，并尝试通过使用float: right属性来实现order: 2类型的功能。这是屏幕截图：

该应用的实时示例可以在这里：removed link, because in development，原谅较长的加载时间。只需点击“播放”

Answer 1

由于app-team组件内部有两个app-game组件，因此将应用程序游戏作为flex容器，因此app-team组件将成为flex项目。

.app-game-class {
    display: flex;
    /* align-items: center; */
    justify-content: center;
}