我们要避免长词溢出线,如果必须的话,让它们被打破,对此标准方法为
word-wrap: break-word
或它的等效
overflow-wrap: break-word
但是,我们发现这不用于Safari(包括Mac和iOS)。
然后,我们偶然发现word-break
CSS属性应该仅接受break-all
的值,这意味着完全破裂,显然是break-word
的无证件值(Chrome也接受了),并且以下
word-wrap: break-word;
word-break: break-word;
似乎可以在Safari上解决问题。
我无法在网络上找到word-break
的非标准break-word
值,或使用word-wrap: break-word
的任何Safari"错误",即使用word-break: break-word
可以解决。
据我所知,word-break: break-word;
仅是webkit。可以在Safari CSS参考
单词break指定破坏线路的严格程度 意识形态语言的文字,例如中文,日语和韩语。
语法单词break:严格参数严格级别 严格。常数分类, Break-Word ,正常可用性 可在Safari 3.0及以后提供。在iOS 2.0和更高版本中可用。 支持水平稳定CSS 3。
word-break: break-word
已正式弃用。
来自CSS文本模块3级工作草案:
为了兼容旧内容,
word-break
属性也 支持弃用的break-word
关键字。指定时,这有 与word-break: normal
和overflow-wrap: anywhere
相同的效果, 无论溢出包装属性的实际值如何。
如果您喜欢word-break: break-word
似乎要做的事情(我要做的!),则应使用word-break: normal
和overflow-wrap: anywhere
(然后,如果您喜欢的话,可以尝试进一步更改它们)