您现在的位置是：首页 > 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修改按tag标签显示全站相关内容的实现方法
本文简单的设置就可以把dedecms按tag标签显示全站相关内容在文章中依然用官方原有的标记{dede:likearticle col=” row=” titlelen=”}
织梦系统dedecms网站数据库备份还原网站搬家教程
用织梦系统(DedeCMS)制作的网站，当我们需要更换空间或把本地网站搬到服务器上时，需要用到织梦系统(DedeCMS)整站搬家移植的方法，通常网站有很多这样的教程
dede搬家的两种方法
选择使用 DEDE的用户越来越多 尤其像我们这样的小站长，用起这个CMS来感觉特别方便，很人性的操作化和seo，开源方便修改等等都是它的一大特色，用的人多了
织梦dedecms网页中直接显示pdf文档方法
我们在用dedecms织梦建站时候，需要在网页中直接加载pdf文档，这个需要怎么操作呢？其实有一些浏览器中你打开一个pdf的链接是可以直接预览的，比如谷歌
相关源码
-
(响应式H5)帝国cms7.5文章新闻博客模板带会员中心本模板基于帝国CMS内核开发，为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术，确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码 -
(自适应响应式)html5高档服装定制西服pbootcms模板下载本模板基于PbootCMS内核开发，为服装定制企业和服装品牌量身打造。设计风格时尚现代，充分展现服装行业的审美特质与品牌魅力。采用HTML5响应式技术，确保在各种设备上呈现视觉效果。整站布局注重产品展示与品牌叙事，帮助企业有效展示服装系列与定制服务，提升客户体验。查看源码 -
(自适应)简繁双语机械矿山矿石五金设备pbootcms源码下载本模板基于PbootCMS开发，主要面向机械五金、矿山矿石设备等行业，支持简体中文和繁体中文双语切换。采用响应式布局技术，确保在各种设备上都能获得良好的浏览体验。模板设计注重展示工业设备的专业性和技术特点，帮助企业建立可靠的线上展示平台。查看源码 -
(PC+WAP)房屋建造建筑工程房地产建材行pbootcms网站模板下载本模板基于PbootCMS内核开发，为房屋建造、建筑工程及房地产建材类企业设计。通过本模板可快速搭建具有行业特色的企业官网，只需替换文字与图片内容即可适配其他行业使用。查看源码 -
自适应黑色简繁双语轴承齿轮机械设备制造网站模板该模板为轴承齿轮机械制造企业提供一体化网站建设方案，着重解决行业特有的多语言展示、移动端适配和高效率内容管理需求，帮助企业精准展示产品特性与工艺流程查看源码 -
(响应式)轴承机械五金零件产品pbootcms落地推广单页源码下载为轴承、机械零件等工业产品打造的响应式单页模板，基于PbootCMS内核开发，助力企业快速构建专业级产品展示页面。模板采用工业风设计语言，突出产品参数与性能优势，适用于设备制造商、零部件供应商等B2B场景推广。查看源码
| 分享笔记 （共有 篇笔记） |
