word-wrap 和 word-break 属性

<style>
.test {
    width:200px;
    height:100px;
    background-color:#479de6; 
}
</style>

1 、默认显示

<div class="test">
   测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>

2 、 word-wrap:break-word

<div class="test" style="word-wrap:break-word;">
   测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>

3.1 、 word-break:break-all

<div class="test" style="word-break:break-all;">
   测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>

3.2 、word-break:keep-all

<div class="test" style="word-break:keep-all;">
   测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>