文章段落通常是首行缩进2格,实现起来很简单,只需设置一下段落标签p的css即可。

p {
    text-indent: 2em;    /* 每个P段落,首行空出两个空格,即缩进两个字符 */
}

blockquote是文字引用标签,若引用文字不再需要首行缩进2格,下面的写法是无效的:

blockquote p {
    text-indent: 0em;   /* 这样设置是无效的 */
}

blockquote p css无效,若p已设置全局css首行缩进2格,那么要让blockquote p不缩进2格,要怎样写呢?使用下面的css即可:

blockquote p {
    display: inline;   /* 这样设置后,前面设置p的css属性 padding margin 都无效了 */
}

请看下面HTML代码及最终显示效果。

HTML代码

让blockquote p不缩进2格

execcodegetcode

显示效果

blockquote p不缩进2格

知识扩充:inline(内联元素)

CSS–inline(内联元素),不能设置width,height,竖直方向的margin,padding没有,也不能设置。

内联元素(inline element)
a – 锚点
abbr – 缩写
acronym – 首字
b – 粗体(不推荐)
bdo – bidi override
big – 大字体
br – 换行
cite – 引用
code – 计算机代码(在引用源码的时候需要)
dfn – 定义字段
em – 强调
font – 字体设定(不推荐)
i – 斜体
img – 图片
input – 输入框
kbd – 定义键盘文本
label – 表格标签
q – 短引用
s – 中划线(不推荐)
samp – 定义范例计算机代码
select – 项目选择
small – 小字体文本
span – 常用内联容器,定义文本内区块
strike – 中划线
strong – 粗体强调
sub – 下标
sup – 上标
textarea – 多行文本输入框
tt – 电传文本
u – 下划线
var – 定义变量

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。