overflow-wrap:anywhere和break-word的区别实例页面

展示

I'm zhangxinxu.

左1：overflow-wrap: anywhere
中间：overflow-wrap: break-word
右1：word-break: break-all

代码

HTML：

<p class="anywhere">I'm zhangxinxu.</p>
<p class="break-word">I'm zhangxinxu.</p>
<p class="break-all">I'm zhangxinxu.</p>

CSS：

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;
}
.break-all {
    word-break: break-all;
}