解决汉子词语被中间截断换行的问题

浏览器可以自行处理英文单词不截断换行，而汉子词语就不行，解决这个问题的方法就是外层设置换行，内层每个词语包在一个span中

示例：

<div class="div">
    <span>榴莲</span>
    <span>西瓜</span>
</div>

.div{
  white-space: normal        
}
.div > span{
  white-space: nowrap;
}