您现在的位置是:首页 > cms教程 > dedecms教程dedecms教程
修改dedecms文章正文显示样式的方法
千兰2023-09-19 16:45:12dedecms教程已有10人查阅
导读安装DedeCMS后的默认模板中,正文内容的显示方式为左对齐,段落前面也没有缩进,段落之间间距与行间距也没有任何区别,这样看起来非常不好看
安装DedeCMS后的默认模板中,正文内容的显示方式为左对齐,段落前面也没有缩进,段落之间间距与行间距也没有任何区别,这样看起来非常不好看,也不便阅读,所以需要改变一下排版样式。
之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签,DIV标签里面也没有P标签,可能是因为编辑器的原因,编辑器默认回车时生成BR标签而不是P标签,所以正文里面几乎全是BR标签,导致我们看到的都是分行,而没有段落。
其正文对应的CSS文件目录位置在:\templets\default\style目录下面的Page.css文件里
里面具体的CSS内容为 要想改变其正文的显示效果,比如增加段落缩进,加大段落间距等,可对文章正文的P标签进行适当的CSS样式控制。
我们可以这样做:
第一步,确认正文内容包含P标签
在文章的编辑页面,点击编辑器左上角的“源码”命令,查看一下正文的源代码中每段是否是用P标签包裹,如果不是,则需要先把段落的BR标签改成P标签,当然不是在源代码状态改,可先再点一下“源码”命令回到正常编辑视图,把鼠标点到段落的末尾,然后按下Shift+Enter组合键,这样就会自动加上P标签了。
第二步,修改CSS代码
在PAGE.CSS文件中的任意位置增加如下代码,然后保存即可 第一句代码的作用是增加段落缩进,段落首行缩进两个字符,第二句代码的作用是在每个段落的后面增加段落间距8px,如果你需要其它段落效果,可自行添加相应的CSS代码。
修改完以后,再刷新一下就可以看到效果了。
之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签,DIV标签里面也没有P标签,可能是因为编辑器的原因,编辑器默认回车时生成BR标签而不是P标签,所以正文里面几乎全是BR标签,导致我们看到的都是分行,而没有段落。
其正文对应的CSS文件目录位置在:\templets\default\style目录下面的Page.css文件里
里面具体的CSS内容为 要想改变其正文的显示效果,比如增加段落缩进,加大段落间距等,可对文章正文的P标签进行适当的CSS样式控制。
我们可以这样做:
第一步,确认正文内容包含P标签
在文章的编辑页面,点击编辑器左上角的“源码”命令,查看一下正文的源代码中每段是否是用P标签包裹,如果不是,则需要先把段落的BR标签改成P标签,当然不是在源代码状态改,可先再点一下“源码”命令回到正常编辑视图,把鼠标点到段落的末尾,然后按下Shift+Enter组合键,这样就会自动加上P标签了。
第二步,修改CSS代码
在PAGE.CSS文件中的任意位置增加如下代码,然后保存即可 第一句代码的作用是增加段落缩进,段落首行缩进两个字符,第二句代码的作用是在每个段落的后面增加段落间距8px,如果你需要其它段落效果,可自行添加相应的CSS代码。
修改完以后,再刷新一下就可以看到效果了。
本文标签:
很赞哦! (2)
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
织梦cms上传服务器后出现数据连接失败的解决方法
进入data文件夹里的common.inc.php进行修改数据库想对应的数据 代码如下: //数据库连接信息 $cfg_dbhost = 'localhodedecms织梦时间格式调用汇总归类
1.时间格式 {dede:field name='pubdate' function='strftime("%Y年%m月%d日 %H:%M:%S","@m织梦dedecms首页列表页怎么调用文章TAG标签
1.如果是dedecms v5.7版本直接使用标签2.如果需要连接请注释掉include/helpers/archive.helper.php文件的130行,织梦cms同一页面调用多个相同的js联动菜单的方法
将上面代码保存为新的js文件,注意不要覆盖官方原来的,否则可能因为后续的多级联动菜单添加而反复修改文件
留言与评论 (共有 0 条评论) |