小型设备上的换行符 - IPhone / Android

Question

我的问题是 iPhone 上的换行符（自动）。

示例代码：

<span>example text</span>

此 span 包含多个 div 和一些其他内容，它必须在 iPhone 4 上分成两行。但它不会自动。

所以我尝试使用这个组合和单一

word-break: break-all;
word-wrap: break-word;

它可以在 iPhone 上工作，但在任何其他设备上它会破坏正常的换行符。

预期的结果应该是

example
text

发生的结果

example te
xt

我应该怎么做才能在任何移动设备上获得预期结果？

感谢阅读，抱歉我的英语不好。

亲切的问候

Answer 1

word-break: break-all; 和 word-wrap: break-word; 与您想要的完全相反。这些 css 属性将允许在单词中间断开单词。它没有中断的原因是因为您使用的是 <span> 标签，它应该只占用一行。考虑改用 <div> 或 <p> 标签。