昨天发完文章后发现了一个现象:标点符号跑到一行的开头去了,还有英文单词也被截断了,这样显得博客很乱。经过上网查询,得知这是css的问题,我仔细查看了style.css文件,发现这是主题的css代码不够严谨所致。现将解决方法总结一下。
Style.css代码第31行是这样写的:
#wrap{width:960px;margin:auto;background:#fff;table-layout:fixed; word-break: break-all; overflow:hidden;}
问题就出在“word-break: break-all”这里,这一句允许文本行内的任意字段开,这样就造成了英文单词被截断的现象。
可以将这句代码修改为:
#wrap{width:960px;margin:auto;background:#fff;table-layout:fixed;word-wrap:break-word;word-break:normal; overflow:hidden;}
这样就可以解决英文单词被截断和标点符号出现在行首的问题了。
代码修改方法参考了此文:http://www.hicss.net/solve-change-line-in-css/
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/250252.html