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

其实解决起来也是挺容易的,改改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这个,无法理解······为什么要加这个?

说点什么
欢迎评论!不想写邮箱的请填写 [email protected] 哦!
支持Markdown语法
好耶,沙发还空着ヾ(≧▽≦*)o
Loading...