继续折腾主题,修正萧涵主题中一个不合理的地方

昨天发完文章后发现了一个现象:标点符号跑到一行的开头去了,还有英文单词也被截断了,这样显得博客很乱。经过上网查询,得知这是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

(0)
上一篇 2022年4月29日
下一篇 2022年4月29日

相关推荐

发表回复

登录后才能评论