一个热爱网络的小学教师

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

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

赞(0) 打赏
转载请标明出处:高海鹏老师的博客 » 继续折腾主题,修正萧涵主题中一个不合理的地方
分享到: 更多 (0)

留言 1

Protected by WP Anti Spam
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0

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

    Gavin12年前 (2013-02-02)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏