Dedecms内容页英文及代码不自动换行

  • A+
所属分类:网站建设

如果你在使用Dedecms时候,发布的带有英文或者代码的文章撑破网站架构,显得极其不美观,你可以参看下面的教程。

首先需要找到织梦默认的css:

默认为templets\default\style\page.css

在.viewbox .content{下增加强制英文和数字长字符自动换行CSS代码即可,完整代码如下: word-wrap:break-word;
word-break:break-all;

结果如下:

.viewbox .content

{

font-size:14px;

padding:12px 16px;

line-height:25px;

color:#333;

word-wrap:break-word;

word-break:break-all;

}

word-wrap语法介绍:

  word-wrap 属性允许长单词或 URL 地址换行到下一行。

word-wrap: normal|break-word;

word-wrap描述:

  normal 只在允许的断字点换行(浏览器保持默认处理)。

break-word 在长单词或 URL 地址内部进行换行。

word-break语法介绍:

  word-break 属性规定自动换行的处理方法。

word-break: normal|break-all|keep-all;

word-wrap描述:

  normal 使用浏览器默认的换行规则。

break-all 允许在单词内换行。

keep-all 只能在半角空格或连字符处换行。

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 湿式球磨机 1

      每天睡觉以前,我都会把您的帖子再三拜读,拜读。 希望这样的好贴多些,再多些!!!