我们希望避免冗长的单词溢出该行并让它们被破坏,如果必须的话,标准方法是
word-wrap: break-word
或等效的
overflow-wrap: break-word
然而,我们发现这不适用于Safari(包括Mac和iOS)。
然后我们意外地发现word-break
CSS属性,它应该只接受break-all
的值,意味着要破坏任何地方,显然需要一个未记录的值{{1} (Chrome也接受此选项),以及以下
break-word
似乎解决了Safari上的问题。
我无法在网络上找到word-wrap: break-word;
word-break: break-word;
的非标准break-word
值或任何Safari"错误" word-break
使用word-wrap: break-word
将解决问题。
答案 0 :(得分:1)
据我所知word-break: break-word;
是非标准的,仅限webkit。它可以在Safari CSS Reference
word-break指定断行时的严格程度 中文,日文和韩文等表意语言的文字。
语法word-break:strictness参数strictness的级别 严格。常量全部破坏,破解,正常可用性 适用于Safari 3.0及更高版本。适用于iOS 2.0及更高版本。 支持级别稳定的CSS 3。
答案 1 :(得分:0)
word-break: break-word
已正式弃用。
来自CSS Text Module Level 3 Working Draft:
为了与旧内容兼容,还可以使用
word-break
属性 支持不推荐使用的break-word
关键字。指定时,具有 与word-break: normal
和overflow-wrap: anywhere
具有相同的效果, 不管overflow-wrap属性的实际值如何。
如果您喜欢word-break: break-word
似乎可以做什么(我愿意!),则应该改用word-break: normal
和overflow-wrap: anywhere
(然后,如果您愿意,可以尝试进一步更改它们中的每一个)喜欢)