关于新的 css 规范overflow-wrap:
MDN所说的与exceptbreak-word相同anywhere
在计算最小内容固有大小时,不考虑分词引入的软换行机会。
这是什么意思?
大多数时候它们非常相似。
它们不同的一种情况是:当你有一个超长的单词(比如 url),比容器的宽度还要长,并且容器是一个带有 flex-grow 的弹性项目,那么anywhere就会破坏长单词,而break-word将尝试积极发展并尽可能避免破坏单词,这可能会挤压其他弹性项目的比例。
在这种情况下,anywhere更有可能是您想要的。如果这是真的,你不妨这样做:
overflow-wrap: break-word;
overflow-wrap: anywhere;
Run Code Online (Sandbox Code Playgroud)
...因为Safari支持的break-word早于anywhere,所以在不支持的旧版本Safari中anywhere,第二行将被忽略,这还不错。