css order属性使用flex在顶部添加重影间距-尝试模仿右浮动

css order属性使用flex在顶部添加重影间距-尝试模仿右浮动,css,flexbox,Css,Flexbox,我基本上是在模仿float:right,将图像排成一行,当我这样做时,父项上方有一个神秘的空间。我在元素中使用flexbox,并试图通过使用order:2属性实现float:right类型功能。以下是一个屏幕截图: 该应用程序的一个实时示例可以在此处显示:删除了链接,因为在开发过程中,可以避免长时间的加载。只需单击“播放”,因为应用程序游戏中有两个应用程序团队组件将应用程序游戏作为一个灵活的容器,因此应用程序团队组件将是灵活的项目 .app-game-class { display: f

我基本上是在模仿
float:right
,将图像排成一行,当我这样做时,父项上方有一个神秘的空间。我在元素中使用flexbox,并试图通过使用
order:2
属性实现
float:right
类型功能。以下是一个屏幕截图:


该应用程序的一个实时示例可以在此处显示:
删除了链接,因为在开发过程中
,可以避免长时间的加载。只需单击“播放”

,因为
应用程序游戏中有两个
应用程序团队
组件将应用程序游戏作为一个灵活的容器,因此
应用程序团队
组件将是灵活的项目

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

将flex赋予父div,如
app-game.ng-star-inserted{display:flex;align items:center;justify content:center;}
这也有效,但无法将其标记为正确答案,谢谢!一般来说,
float
确实不能很好地使用flexbox,请选择其中之一。