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>