小型设备上的换行符 - 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>标记。