p {
display: inline-block;
width: min-content;
padding: 10px;
border: solid deepskyblue;
vertical-align: top;
}
.anywhere {
overflow-wrap: anywhere;
}
.break-word {
overflow-wrap: break-word;
}
结果在Chrome浏览器下的效果就像下图这样：
可以看到，应用了
overflow-wrap:anywhere 声明的元素的最小宽度是把每一个英文单词都破开后的宽度，而应用了
overflow-wrap:break-word 声明的元素还是按照默认的最小宽度规则进行计算。有此可见，
overflow-wrap:anywhere 就像是
overflow-wrap:break-word 和
word-break:break-all 声明的混合体，主要用在弹性布局中，即元素尺寸足够的时候单词尽量完成显示，不随便中断，如果尺寸不够，那就能断则断。三、兼容性和结语
overflow-wrap:anywhere 声明目前兼容性还不算乐观，目前（2020年3月）Safari浏览器还不支持，Chrome浏览器也是刚刚支持，具体信息参见表：
因此目前还不适合在实际项目中使用，大家了解即可。
而且，常规的文字排版大家也不会用到这个属性，就算知道这个属性值，也不会想到使用。
注定是一个日后被人遗忘的CSS特性。
就说这么多，带大家简单了解一个新特性。
总结
到此这篇关于CSS overflow-wrap新属性值anywhere 用法大全的文章就介绍到这了,更多相关CSS overflow-wrap 新属性值anywhere 内容请搜索软件开发网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持软件开发网！
