如何改动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模版实例教程,网站模版,网页页面模版,完全免费网页页面模版