您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
修改dedecms文章正文显示样式的方法
千兰2023-09-19DedeCMS教程已有人查阅
导读安装DedeCMS后的默认模板中，正文内容的显示方式为左对齐，段落前面也没有缩进，段落之间间距与行间距也没有任何区别，这样看起来非常不好看
安装DedeCMS后的默认模板中，正文内容的显示方式为左对齐，段落前面也没有缩进，段落之间间距与行间距也没有任何区别，这样看起来非常不好看，也不便阅读，所以需要改变一下排版样式。
之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签，DIV标签里面也没有P标签，可能是因为编辑器的原因，编辑器默认回车时生成BR标签而不是P标签，所以正文里面几乎全是BR标签，导致我们看到的都是分行，而没有段落。
其正文对应的CSS文件目录位置在：\templets\default\style目录下面的Page.css文件里
里面具体的CSS内容为
我们可以这样做：
第一步，确认正文内容包含P标签
在文章的编辑页面，点击编辑器左上角的“源码”命令，查看一下正文的源代码中每段是否是用P标签包裹，如果不是，则需要先把段落的BR标签改成P标签，当然不是在源代码状态改，可先再点一下“源码”命令回到正常编辑视图，把鼠标点到段落的末尾，然后按下Shift+Enter组合键，这样就会自动加上P标签了。
第二步，修改CSS代码
在PAGE.CSS文件中的任意位置增加如下代码，然后保存即可
修改完以后，再刷新一下就可以看到效果了。
之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签，DIV标签里面也没有P标签，可能是因为编辑器的原因，编辑器默认回车时生成BR标签而不是P标签，所以正文里面几乎全是BR标签，导致我们看到的都是分行，而没有段落。
其正文对应的CSS文件目录位置在：\templets\default\style目录下面的Page.css文件里
里面具体的CSS内容为
.viewbox .content{ font-size:14px; padding:12px 16px; line-height:25px; color:#333; }
要想改变其正文的显示效果，比如增加段落缩进，加大段落间距等，可对文章正文的P标签进行适当的CSS样式控制。我们可以这样做：
第一步，确认正文内容包含P标签
在文章的编辑页面，点击编辑器左上角的“源码”命令，查看一下正文的源代码中每段是否是用P标签包裹，如果不是，则需要先把段落的BR标签改成P标签，当然不是在源代码状态改，可先再点一下“源码”命令回到正常编辑视图，把鼠标点到段落的末尾，然后按下Shift+Enter组合键，这样就会自动加上P标签了。
第二步，修改CSS代码
在PAGE.CSS文件中的任意位置增加如下代码，然后保存即可
.viewbox .content P{ text-indent:2em; margin-bottom:8px; }
第一句代码的作用是增加段落缩进，段落首行缩进两个字符，第二句代码的作用是在每个段落的后面增加段落间距8px，如果你需要其它段落效果，可自行添加相应的CSS代码。修改完以后，再刷新一下就可以看到效果了。
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
相关教程
图文教程
dedecms的SQL注入0day漏洞修复教程
4月29日消息：国内安全研究团队“知道创宇”称截获到较新DEDECMS SQL注入0day，DEDECMS官网目前提供下载的较新版
织梦dedecms5.7怎么去掉织梦链
DeDeCMS V5.7在万事瞩目的情况下诞生啦 但是安装或是升级后 首页底部友情链接有个 “织梦链” 的 选项卡，DEDECMS模板中心的客户让我去掉这个“织梦链” 的选项卡
dedecms系统列表页调用tag标签同时带上链接的代码实例
织梦DedeCMS系统列表页调用TAG标签并带上链接，想必很多站长朋友都想实现吧，接下来将详细介绍下实现方法及代码解释；-
织梦标签调用指定栏目内容的实现方法
织梦指定栏目内容的前台显示方法有两种，一种是纯文本，就是比如公司简介，一种是带有格式的文本，下面将介绍他们的调用标签。
相关源码
-
帝国cms7.5手游评测资讯礼包合集游戏专区下载网站模板本模板基于帝国CMS系统开发，为手游门户网站设计。支持PC端与移动端同步生成HTML静态页面，内置多端同步生成功能。模板架构针对手业特点优化，满足APP下载、游戏资讯、攻略等内容发布需求。查看源码 -
(自适应响应式)英文外贸汽车零配件五金机械网站模板为汽车零部件制造商与五金机械出口企业打造的响应式网站模板，内置多语言切换功能，支持产品参数表、OEM能力展示等外贸场景需求。通过结构化数据展示帮助海外买家快速理解产品规格。查看源码 -
(自适应响应式)教育培训机构集团网站pbootcms源码下载本模板基于PbootCMS系统开发，为教育培训机构设计，特别适合展示课程体系、师资团队和教学成果。采用响应式技术，确保在各类设备上都能提供良好的浏览体验。查看源码 -
帝国cms题库问答学习平台模板知识付费网站源码+数据采集为教育机构、培训平台及在线学习场景设计，提供完整的题库管理与问答服务解决方案。支持多种题型展示与答案查询，满足不同层次的学习需求。查看源码 -
(自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板，采用响应式设计技术，适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码 -
自适应恒温恒湿机空调机械设备营销型网站模板(自适应手机版)响应式营销型恒温恒湿机环境设备类网站pbootcms模板 蓝色营销型空调设备网站源码下载PbootCMS内核开发的网站模板，该模板适用于营查看源码
| 分享笔记 （共有 篇笔记） |
