flex嵌套问题

在开发中遇到一个问题，一个span标签，没有给width，但是里面的文字却折行了，就像下图：

究其原因是因为flex布局嵌套的问题：

后面红框里的文字和箭头被包在了一个div里，蓝框子使用flex布局让“支付方式”和后面红框子分布在两端，而红框子本身也使用了flex布局，这个时候“在线支付”就折行了。

目前我没有找到特别完美的解决办法，只有两种方法：一是将红框的flex布局拿掉，或者给“在线支付”一个足够宽的宽度，让其不折行

截图来自我现在做的项目。