您现在的位置是:网站首页>建站学院织梦CMS

修改织梦dedecms文章正文的显示样式

2020-04-26来源: 织梦CMS 人已围观

简介 安装织梦dedecms后的默认模板中,正文内容的显示方式为左对齐,段落前面也没有缩进,段落之间间距与行间距也没有任何区别,这样看起来非常不好看,也不便阅读,所以需要改变一下排版样式

安装织梦dedecms后的默认模板中,正文内容的显示方式为左对齐,段落前面也没有缩进,段落之间间距与行间距也没有任何区别,这样看起来非常不好看,也不便阅读,所以需要改变一下排版样式。yWT企业网站模板免费下载_网站建设_企业网站建设方案

之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签,DIV标签里面也没有P标签,可能是因为编辑器的原因,编辑器默认回车时生成BR标签而不是P标签,所以正文里面几乎全是BR标签,导致我们看到的都是分行,而没有段落。yWT企业网站模板免费下载_网站建设_企业网站建设方案

其正文对应的CSS文件目录位置在:/templets/default/style目录下面的Page.css文件里 yWT企业网站模板免费下载_网站建设_企业网站建设方案

里面具体的CSS内容为yWT企业网站模板免费下载_网站建设_企业网站建设方案

.viewbox .content{
     font-size:14px;
     padding:12px 16px;
     line-height:25px;
     color:#333;
     }yWT企业网站模板免费下载_网站建设_企业网站建设方案

要想改变其正文的显示效果,比如增加段落缩进,加大段落间距等,可对文章正文的P标签进行适当的CSS样式控制。yWT企业网站模板免费下载_网站建设_企业网站建设方案

我们可以这样做:yWT企业网站模板免费下载_网站建设_企业网站建设方案

第一步,确认正文内容包含P标签yWT企业网站模板免费下载_网站建设_企业网站建设方案

在文章的编辑页面,点击编辑器左上角的“源码”命令,查看一下正文的源代码中每段是否是用P标签包裹,如果不是,则需要先把段落的BR标签改成P标签,当然不是在源代码状态改,可先再点一下“源码”命令回到正常编辑视图,把鼠标点到段落的末尾,然后按下Shift+Enter组合键,这样就会自动加上P标签了。yWT企业网站模板免费下载_网站建设_企业网站建设方案

第二步,修改CSS代码yWT企业网站模板免费下载_网站建设_企业网站建设方案

在PAGE.CSS文件中的任意位置增加如下代码,然后保存即可yWT企业网站模板免费下载_网站建设_企业网站建设方案

.viewbox .content P{
     text-indent:2em;
     margin-bottom:8px;
    }yWT企业网站模板免费下载_网站建设_企业网站建设方案

第一句代码的作用是增加段落缩进,段落首行缩进两个字符,第二句代码的作用是在每个段落的后面增加段落间距8px,如果你需要其它段落效果,可自行添加相应的CSS代码。yWT企业网站模板免费下载_网站建设_企业网站建设方案

修改完以后,再刷新一下就可以看到效果了,效果如下:yWT企业网站模板免费下载_网站建设_企业网站建设方案

 yWT企业网站模板免费下载_网站建设_企业网站建设方案

yWT企业网站模板免费下载_网站建设_企业网站建设方案

很赞哦! ()

猜您喜欢

付费说明

    1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.

    2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”

    3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统

    4、【收费说明】制作企业网站,我是这么收费的!

文章评论

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取

站点信息

l