这个是今天刚写上一篇文章时才发现的问题，因为是分享音乐所以为了一些可能存在的你懂的问题，我在最后弄了一个猜谜语的游戏让大家来解，不过发出来之后自己一看才发现，因为是纯英文字母+字符的组合，所以不可避免的溢出了（估计是被判断成一个单词了），而且因为很长，溢出后向右看非常的不方便，于是便想找找方法解决下这个问题。

其实解决起来也是挺容易的，改改CSS就能搞定，要用到的就是word-wrap或者word-break。

两者的区别我是看的博主无双的这篇《你真的了解word-wrap和word-break的区别吗？》了解的，顺带的在W3School自己又试了下，现在基本上是解决了我的问题。

方法

在CSS中控制文章样式的地方加入word-break:break-all或者word-wrap:break-word即可解决。

附

word-wrap和word-break的区别：http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

word-wrap：http://www.w3school.com.cn/cssref/pr_word-wrap.asp

word-break：http://www.w3school.com.cn/cssref/pr_word-break.asp

PS：网上教程里还要在word-break:break-all或者word-wrap:break-word后加overflow:hidden这个，无法理解······为什么要加这个？