AB模板网:专注于dede模板,织梦源码,织梦模板,网站模板下载,dedecms模板,网站源码,dedecms教程以及各类手机网站模板和企业网站模板分享.

织梦模板

网站模板搜索
营销型模板 政府网站模板 自适应模板 标签大全

注册

怎样修改DedeCMS文章正文的显示样式

网站模板下载 www.adminbuy.cn / 2020-08-21
安装DedeCMS后的默认模板中,正文内容的显示方式为左对齐,段落前面也没有缩进,段落之间间距与行间距也没有任何区别,这样看起来非常不好看,也不便阅读,所以需要改变一下排版样式。
 
之所以会显示成这样的效果是因为在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代码。
 
修改完以后,再刷新一下就可以看到效果了,效果如下:
 
本文由AB模板网整理发布,转载请说明出处:http://www.adminbuy.cn/dedecmsjc/6639.html
本文标签:

有问题可以加入织梦技术QQ群一起交流学习

☉首先声明,只要是我们的vip会员全站所有资源均可以免费下载,不做任何限制(了解更多)

☉本站的源码不会像其它下载站一样植入大量的广告。

☉本站提供的织梦源码,都是做好测试好发布的,均可放心使用。

☉本站提供的织梦源码,均带数据及演示地址。可以在任一源码详情页查看演示地址。

☉为了vip利益的最大化,我们还提供了vip赠品(了解更多

☉如有其他问题,请加网站客服QQ(9490489)进行交流。

相关教程

织梦模板_随机Tags

润滑油网站模板 纸业网站模板 纯净水设备网站模板 运营网站模板 养殖网站模板 育种网站模板 美文网站模板 压缩机网站模板 建筑装修网站模板 灰色网站模板 浅蓝色网站模板 知识网站模板

推荐教程

首页 VIP专区 静态模板 会员中心