技术交流平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

设置discuz文章内容页正文首行缩进2字符

2015-7-21 21:58| 发布者: admin| 查看: 432| 评论: 0

摘要: text-indent是p的样式,而不是br的样式。那么可否为br设定text-indent样式呢?显然,因为br根本就是一个空元素,表示换行而已,因此设定了text-indent也没有用,br之内根本就没有内容,又何谈内容的样式?

只需要找到template/default/portal/view.htm文件,查看下文章内容所调用的CSS样式即可。

或者直接在页面上审查元素,也可以看到控制正文显示效果的CSS样式ID为article_content,该样式位于template/default/common/module.css。

打开该文件,查找article_content,会找到

#article_content { vertical-align: top;}

替换为:

#article_content { vertical-align: top; text-indent: 2em;}

#article_content br {display:none;}

或者

#article_content { vertical-align: top; }

#article_content p {text-indent: 2em;}

#article_content br {display:none;}

解释:

1、首先要了解的是block元素和inline元素的区别,p、div等属于block元素,而a、span、br都是inline的元素。text-indent既然是定义与一个段落相关的信息,即段首缩进,则只作用在block元素上而不是inline元素上。   所以才用了一个#article_content br {display:none;}。text-indent是p的样式,而不是br的样式。那么可否为br设定text-indent样式呢?显然,因为br根本就是一个空元素,表示换行而已,因此设定了text-indent也没有用,br之内根本就没有内容,又何谈内容的样式?  

2、discuz的帖子换行编辑器是《br》,而文章发布的换行编辑器就是《p》《/p》


鲜花

握手

雷人

路过

鸡蛋

相关分类

点击这里给我发消息” title=|小黑屋|手机版|法律声明|技术交流平台 ( 冀ICP备14003130号 | 冀公网安备13018102000122号)

GMT+8, 2024-5-20 10:21 , Processed in 3.062671 second(s), 16 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2021 Comsenz Inc.

返回顶部