Z-Blog模板普遍存在的问题

 Z-Blog模板普遍存在的问题

 我的博客的主题样式是采用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，估计可能是因为其他主题是采用默认主题为蓝图开发而造成的。

主要是firefox与edge浏览器都有这个问题，谷歌与360浏览器窗口可以自动换行，主要原因是 后台添加文章时，会增加text-wrap-mode: nowrap内容。

不怎么会js，网上找的方法：

第一种方法：  我这里采用的是ly_ueditor_plus编辑器，基础uediter修改，找到 zb_users/plugin/ly_ueditor_plus/ueditor-plus/ueditor.all.js文件。

将里面有 white-space:nowrap的内容，修改成 white-space:normal  。

有两处修改，"position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" +  nowrap代码替换成normal

然后是 (i = t.getStyle("white-space")) && /nowrap|normal/.test(i) &&    这里 将 nowrap|normal 替换成  normal

第二种方法：

使用网络上搜索的方法一直不行，直接修改mysql中的文章内容吧。text-wrap-mode: nowrap代码替换成 white-space: normal，替换的话，使用firefox或是edge访问博客，就会出现一行内容过长，没法换行的情况

UPDATE zbp_post SET log_Content = REPLACE(log_Content, 'text-wrap-mode: nowrap', 'white-space: normal');