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

时间:2015-08-27 13:34:15

标签: android html css iphone line-breaks

我的问题是iPhone上的换行符(自动)。

示例代码:

<span>example text</span>

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

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

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

它适用于iPhone,但在任何其他设备上它都会破坏正常的换行符。

预期结果应为

example
text

发生的结果

example te
xt

如何在任何移动设备上获得预期结果?

感谢您的阅读,我很抱歉我的英语不好。

亲切的问候

1 个答案:

答案 0 :(得分:1)

word-break: break-all;word-wrap: break-word;与您想要的完全相反。这些css属性将允许在单词的中间区分单词。它不会中断的原因是因为您使用的是<span>标记,它应该只占用一行。请考虑使用<div><p>标记。