无文档化的分词:破坏词CSS属性？

Question

我们希望避免冗长的话语泛滥，必要时让它们被打破，这是标准的方法。

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的非标准word-break值的引用，也无法找到使用word-break: break-word解决word-wrap: break-word的任何Safari“bug”。

Answer 1

据我所知，word-break: break-word;是非标准的，仅限于webkit。它可以在Safari CSS参考上找到

在表意语言(如中文、日文和韩文)中，分词指定了断线的严格程度。 语法断字:严格的参数，严格的程度。常量中断，坏字，Safari3.0及更高版本中的正常可用性。可在iOS 2.0及更高版本中获得。支持级别稳定的CSS 3。

Answer 2

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 (如果您愿意，可以尝试进一步更改它们)。