Html 使用CSS灵活的盒子模型，你能；浮动；一个项目向左，另一个项目居中？

我们想使用CSS柔性框模型，但需要将一个项目“浮动”到左侧，同时将第二个项目居中

以下是我们希望实现的目标：

我们希望使用灵活的盒子模型，以便在实现水平布局的同时轻松地将项目垂直居中

当然，我们可以使用相对定位来手动放置所有东西，但我们想知道是否有一种自然的方法可以通过灵活的盒子模型实现这种外观

我们只需要支持移动Safari

---

这是怎么可能的？

水平居中最好使用

左边距：自动；右边距：自动和一组
宽度
。请参阅此更新的小提琴：

垂直中心更难，已经多次被解决

建议使用flexible box型号，移动设备不支持该型号