overflow-wrap: anywhere 和 overflow-wrap: break-word 之间的区别是什么？

Question

5

关于新的CSS规范overflow-wrap： MDN表示break-word与anywhere相同除了

单词换行引入的软换行机会在计算最小内容本质大小时不予考虑。

这是什么意思？

- ZYinMD

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ZYinMD · Accepted Answer

大部分时间它们非常相似。

一个情况下它们是不同的：当你有一个超长的单词（例如url），它比容器的宽度更长，且容器是一个具有flex-grow属性的弹性项时，anywhere将会断开这个长单词，而break-word将尝试积极增长并避免在可能的情况下断开单词，这可能会使其他弹性项失衡。

在这种情况下，anywhere更可能是您想要的选项。如果是这样的话，你可以做如下操作：

overflow-wrap: break-word;
overflow-wrap: anywhere;

因为浏览器对于break-word的支持要优于anywhere，而不支持anywhere的浏览器会忽略第二行，这也不算太糟糕。