<style>
.test {
width:200px;
height:100px;
background-color:#479de6;
}
</style>
1 、默认显示
<div class="test">
测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>
![这里写图片描述](https://img-blog.csdn.net/20170620193401585?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvejgzNDQxMDAzOA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
2 、 word-wrap:break-word
<div class="test" style="word-wrap:break-word;">
测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>
![这里写图片描述](https://img-blog.csdn.net/20170620193622605?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvejgzNDQxMDAzOA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
3.1 、 word-break:break-all
<div class="test" style="word-break:break-all;">
测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>
![这里写图片描述](https://img-blog.csdn.net/20170620193909064?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvejgzNDQxMDAzOA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
3.2 、word-break:keep-all
<div class="test" style="word-break:keep-all;">
测试zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</div>
![这里写图片描述](https://img-blog.csdn.net/20170620194205604?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvejgzNDQxMDAzOA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)