您现在的位置是：首页 > 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代码。修改完以后，再刷新一下就可以看到效果了。
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
相关教程
图文教程
dede模板中调用UCHome会员日志相册话题游戏等信息的方法
网络上的一些关于在dede模板中调用UCHome的信息的方法不完全，往往只能调用uchome日志标题、相册缩略图（且不是每个相册调用一张）、话题名称
织梦cms列表页中随机调用缩略图的方法
dedecms列表页随机调用缩略图的完美解决办法缩略图随机调用方式的步骤如下：第一步，原先我们模板中调用缩略图的脚本是这样的：
dedecms织梦获取会员状态的方法代码示例
dedecms导航栏增加了会员状态信息代码，如：已登陆：显示：欢迎<会员名> 未登陆 显示： 请登录DEDE列表中实现 会员头像 名称 地址 等信息调用
DeDeCms织梦arclist标签和列表页实现隔行换色标签代码
织梦DeDeCms隔行换色标签代码：CSS代码：arclist织梦标签代码：列表页list只需将arclist改为list调用即可。
相关源码
-
自适应极简风个人博客文章自媒体网站模板基于PbootCMS开源内核开发的极简个人博客模板，采用移动优先设计原则，通过Media Query技术实现320px至1920px六级分辨率适配，确保在手机、平板及PC设备上均呈现良好的视觉体验。查看源码 -
帝国cms7.5大型游戏资讯门户网站源码免费下载本模板基于帝国CMS7.5内核开发，为大型游戏资讯门户网站设计。模板自带响应式手机版，适配多种终端设备。内容架构针对游戏行业特点优化，支持游戏资讯、评测、攻略等内容类型的发布与管理。查看源码 -
(PC+WAP)红色厨具厨房用品设备pbootcms模板源码下载为厨具设备企业设计的响应式网站模板，采用PbootCMS内核开发，适用于商用厨房设备、家用厨具、厨房用品等企业展示。模板包含产品展示、新闻动态、案例中心等标准模块，助您快速搭建专业级行业网站。查看源码 -
pbootcms模板(PC+WAP)传媒广告影视公司网站源码基于PbootCMS内核开发的全自适应传媒文化网站模板，为影视公司、广告传媒企业打造，同时支持多行业快速适配。通过替换文字图片即可转换为其他行业网站查看源码 -
WordPress主题模板JustNews资讯博客类源码V5.2.2JustNews主题针对博客创作、自媒体运营及资讯发布类网站的需求而设计，提供专业的内容展示与管理方案。该主题集成前端用户中心功能，支持用户在前端界面发布和投稿文章，操作流程简洁高效。查看源码 -
(自适应)橙色家政服务清洁保洁服务pbootcms网站模板源码下载模板核心价值：基于PbootCMS内核开发的家政服务类网站模板，通过模块化设计展现服务项目、团队风采、服务案例等核心板块，突出时效预约、服务标准化展示等家政行业特性。查看源码
| 分享笔记 （共有 篇笔记） |
