溢出换行:任何地方和溢出换行:断字之间的区别?

ZYi*_*nMD 5 css

关于新的 css 规范overflow-wrap

MDN所说的与exceptbreak-word相同anywhere

在计算最小内容固有大小时,不考虑分词引入的软换行机会。

这是什么意思?

ZYi*_*nMD 8

大多数时候它们非常相似。

它们不同的一种情况是:当你有一个超长的单词(比如 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,第二行将被忽略,这还不错。