关于新的css spec overflow-wrap：MDN表示break-word与anywhere相同除了在计算最小内容固有大小时，不考虑由单词break引入的软 Package 机会。这是什么意思？
overflow-wrap
break-word
anywhere
xeufq47z1#
大多数时候它们都很相似。一种情况下它们是不同的：当你有一个超长的单词（比如url），它比容器的宽度还长，并且容器是一个带有flex-grow的flex项时，那么anywhere将打断这个长单词，而break-word将尝试积极地增长，并尽可能避免打断这个单词，这可能会挤压其他flex项。在这种情况下，anywhere更可能是您想要的。如果这是真的，你不妨这样做：
overflow-wrap: break-word; overflow-wrap: anywhere;
因为浏览器对break-word的支持比anywhere好，不支持anywhere的浏览器会忽略第二行，这还不错。
1条答案
按热度按时间xeufq47z1#
大多数时候它们都很相似。
一种情况下它们是不同的：当你有一个超长的单词（比如url），它比容器的宽度还长，并且容器是一个带有flex-grow的flex项时，那么
anywhere将打断这个长单词，而break-word将尝试积极地增长，并尽可能避免打断这个单词，这可能会挤压其他flex项。在这种情况下，
anywhere更可能是您想要的。如果这是真的，你不妨这样做：因为浏览器对
break-word的支持比anywhere好，不支持anywhere的浏览器会忽略第二行，这还不错。