卡卡網(wǎng)

文章段落通常是首行縮進(jìn)2格，實(shí)現(xiàn)起來(lái)很簡(jiǎn)單，只需設(shè)置一下段落標(biāo)簽p的css即可。

p {
    text-indent: 2em;    /* 每個(gè)P段落，首行空出兩個(gè)空格，即縮進(jìn)兩個(gè)字符 */
}

blockquote是文字引用標(biāo)簽，若引用文字不再需要首行縮進(jìn)2格，下面的寫(xiě)法是無(wú)效的：

blockquote p {
    text-indent: 0em;   /* 這樣設(shè)置是無(wú)效的 */
}

blockquote p css無(wú)效，若p已設(shè)置全局css首行縮進(jìn)2格，那么要讓blockquote p不縮進(jìn)2格，要怎樣寫(xiě)呢？使用下面的css即可：

blockquote p {
    display: inline;   /* 這樣設(shè)置后，前面設(shè)置p的css屬性 padding margin 都無(wú)效了 */
}

請(qǐng)看下面HTML代碼及最終顯示效果。

HTML代碼

讓blockquote p不縮進(jìn)2格

execcodegetcode

顯示效果

blockquote p不縮進(jìn)2格

知識(shí)擴(kuò)充：inline（內(nèi)聯(lián)元素）

CSS--inline（內(nèi)聯(lián)元素），不能設(shè)置width，height，豎直方向的margin，padding沒(méi)有，也不能設(shè)置。

內(nèi)聯(lián)元素(inline element)
a - 錨點(diǎn)
abbr - 縮寫(xiě)
acronym - 首字
b - 粗體(不推薦)
bdo - bidi override
big - 大字體
br - 換行
cite - 引用
code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)
dfn - 定義字段
em - 強(qiáng)調(diào)
font - 字體設(shè)定(不推薦)
i - 斜體
img - 圖片
input - 輸入框
kbd - 定義鍵盤(pán)文本
label - 表格標(biāo)簽
q - 短引用
s - 中劃線(不推薦)
samp - 定義范例計(jì)算機(jī)代碼
select - 項(xiàng)目選擇
small - 小字體文本
span - 常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊
strike - 中劃線
strong - 粗體強(qiáng)調(diào)
sub - 下標(biāo)
sup - 上標(biāo)
textarea - 多行文本輸入框
tt - 電傳文本
u - 下劃線
var - 定義變量

標(biāo)簽: blockquote  p標(biāo)簽