昨天发完文章后发现了一个现象:标点符号跑到一行的开头去了,还有英文单词也被截断了,这样显得博客很乱。经过上网查询,得知这是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/
高海鹏老师的博客
![[剁手]教师上课必备神器:小蜜蜂扩音器 券后低至9.9元包邮-高海鹏老师的博客](https://www.gaohaipeng.com/wp-content/uploads/2020/04/25b2916b5c49db6-220x150.jpg)
![[剁手]英雄钢笔359款送24支墨囊+刻字-高海鹏老师的博客](https://www.gaohaipeng.com/wp-content/uploads/2018/02/0483338c10e1978-220x150.jpg)
![[剁手]教师必备神器,激光翻页笔券后低至17.9元包邮-高海鹏老师的博客](https://www.gaohaipeng.com/wp-content/uploads/2018/02/127d02206107009-220x150.jpg)

折腾帝,哈哈 我以前也用过鸟哥的主题, 现在准备折腾萧寒的, 🙂