欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
如何改动DedeCMS文章内容文章正文的显示信息款式
时间: 2021-02-22 03:07 浏览次数:
安裝DedeCMS后的默认设置模版中,文章正文內容的显示信息方法为左两端对齐,文章段落前边都没有缩近,文章段落中间间隔与行距都没有一切差别,那样看上去十分不太好看,都不便阅
安裝DedeCMS后的默认设置模版中,文章正文內容的显示信息方法为左两端对齐,文章段落前边都没有缩近,文章段落中间间隔与行距都没有一切差别,那样看上去十分不太好看,都不便阅读文章,因此必须更改一下排版设计款式。 往往会显示信息成那样的实际效果是由于在DedeCMS中的全部文章正文是一个DIV标识,D...   安裝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编码

在PAGE.CSS文档中的随意部位提升以下编码,随后储存就可以

.viewbox .content P{
     text-indent:2em;
     margin-bottom:8px;
    }

第一句编码的功效是提升文章段落缩近,文章段落首行缩近2个标识符,第二句编码的功效是在每一个文章段落的后边提升文章段落间隔8px,假如你必须其他文章段落实际效果,可自主加上相对的CSS编码。

改动完之后,再更新一下便可以见到实际效果了,实际效果以下:


dedecms模版,dedecms公司模版,dedecms新闻资讯模版,高档HTML5响应式模版,dedecms手机上模版,织梦cms模版实例教程,网站模版,网页页面模版,完全免费网页页面模版

下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园