Html 在iOS上，当右侧有许多内联元素时，左侧的flex项将折叠。解决办法？

我注意到，当右flex项中有许多内联元素时，左flex项不知何故被折叠，在iOS（或iPad）上（我没有iPhone）：

想呆在中心，别逼我。
推
推
推
推
推
...

---

我意识到这在Chrome和Safari上都会发生。这是一个浏览器错误还是有任何错误的css用法？如果我想让左边的文本垂直放置在中间，我应该怎么处理？< /P> < P>，设置<代码> Flex收缩：0；左边的代码>对我有用…

在iPad Safari中测试，布局工作正常。左项未折叠；保持垂直居中。@Michael_B真的吗？一天之后，我还在为这个问题挣扎。。。

<div style="display: flex;">
  <div style="display: flex; align-items: center;">
    <div style="white-space: nowrap;">
    Wanna Stay Center n Don't Push Me.    
    </div>
  </div>
  <div>
    <span>Push!!</span>
    <span>Push!!</span>
    <span>Push!!</span>
    <span>Push!!</span>
    <span>Push!!</span>
    ...
  </div>
</div>