Html Flexbox布局调整内容

在我的脑海里，这似乎是一个简单的场景

我有一个container div，它有两个子元素，第一个应该出现在左上角，第二个应该出现在中间

在容器上使用Flex的

justify content

属性时，我尝试使用

space-between

这会将内容拆分为左上角和右上角

右上角的元素需要向左拉，直到它位于正中央

我想不出一个办法来实现这一点

我不想做第三个隐藏元素，因为这看起来像是一个黑客

#容器{
显示器：flex；
证明内容：之间的空间；
}

左上角
死点

只需添加

宽度：50%到容器，您就可以开始了


#容器{
显示器：flex；
证明内容：之间的空间；
宽度：50%；
}

左上角
死点
只需添加
宽度：50%到容器，您就可以开始了


#容器{
显示器：flex；
证明内容：之间的空间；
宽度：50%；
}

左上角
死点