一个热爱网络的小学教师

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

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

未经允许不得转载:高海鹏老师的博客 » 继续折腾主题,修正萧涵主题中一个不合理的地方

分享到:更多 ()

评论 1

Protected by WP Anti Spam

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

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

    Gavin6年前 (2013-02-02)回复
点击这里给我发消息