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

时间:2021-07-10 15:06来源:www.giantgreat.com作者:未知点击:

导读:
扫描关注公众号

第二步,修改CSS代码

在PAGE.CSS文件中的任意地方增加如下代码,然后保存即可

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

第一句代码有哪些用途是增加段落缩进,段落首行缩进两个字符,第二句代码有哪些用途是在每一个段落的后面增加段落间距8px,假如你需要其它段落成效,可自行添加相应的CSS代码。

修改完将来,再刷新一下就可以看到成效了,成效如下:

大家可以如此做:

第一步,确认正文内容包含P标签

在文章的编辑页面,点击编辑器左上角的网站源码命令,查询一下正文的源码中每段是不是是用P标签包裹,假如不是,则需要先把段落的BR标签改成P标签,当然不是在源码状况改,可先再点一下网站源码命令回到正常编辑视图,把鼠标点到段落的末尾,然后按下Shift+Enter组合键,如此就会自动加上P标签了。

里面具体的CSS内容为

.viewbox .content{
font-size:14px;
padding:12px 16px;
line-height:25px;
color:#333;
}

要想改变其正文的显示成效,譬如增加段落缩进,加强段落间距等,可对文章正文的P标签进行适合的CSS样式控制。

安装织梦CMS后的默认模板中,正文内容的显示方法为左对齐,段落前面也没缩进,段落之间间距与行间距也没任何不同,如此看着很不好看,也不便阅读,所以需要改变一下排版样式。

之所以会显示成如此的成效是由于在织梦CMS中的整个正文是一个DIV标签,DIV标签里面也没P标签,可能是由于编辑器是什么原因,编辑器默认回车时生成BR标签而不是P标签,所以正文里面几乎全是BR标签,致使大家看到的都是分行,而没段落。

其正文对应的CSS文件目录地方在:\templets\default\style目录下面的Page.css文件里

相关文章
推荐文章

源码之家 - 免费提供最新网站源码下载!

Copyright © 2002-2021 源码之家 (http://www.yxny6.com) 网站地图 TAG标签 备案号:

声明: 本站文章均来自互联网,不代表本站观点 如有异议 请与本站联系 本站为非赢利性网站