我的博客的主题样式是采用Z-blog提供的默认模板修改过来的。在使用中发现普遍模板存在一个样式Bug。
就是当你复制粘贴博客文章后,显示的输出的样式不受限制,有可能某些行超过了你设定的显示宽度,占据了整个屏幕。当时以为是自己采用其他模板后引起的问题,重新全新安装Z-blog也不能解决。
经过仔细分析,发现这是由于自动换行引起的。在你的default.css文件中,文章主体样式如下:
div.post div.post-body{
width:620px;
margin:0 0 0 8px;
padding:5px 10 0 3px;
font-size:13px;
word-break:break-all;
word-wrap: break-word;
text-align:left;
line-height:160%;}
word-break为断字设置。那么没有自动换行的设置。你需要加入上面这一句:word-wrap: break-word;自动换行的时候断字,这样当出行过长的行时,进行自动换行,然后断字。使用几个Z-Blog的主题样式,都存在这一Bug,估计可能是因为其他主题是采用默认主题为蓝图开发而造成的。