[WordPress]wordpress文章中的长英文单词字符不能自动断句的解决办法

2015年5月20日 0 条评论 988 次阅读 0 人点赞

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

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

相似文章

12点半

Darkness cannot drive out darkness; only light can do that. Hate cannot drive out hate; only love can do that.

文章评论(0)