一般我們需要對(duì)文章段落進(jìn)行首行縮進(jìn)的時(shí)候，都是使勁的按空格鍵?，F(xiàn)在學(xué)會(huì)了HTML和CSS后，想要在段落前面空兩個(gè)字的距離，可不要再不停按空格鍵了，可以用CSS來(lái)實(shí)現(xiàn)段落首縮進(jìn)兩個(gè)字符的效果。這里我們需要使用 首行縮進(jìn)CSS text-indent 屬性 。text-indent可以使得容器內(nèi)首行縮進(jìn)一定單位。比如中文段落一般每段前空兩個(gè)漢字的距離。在這里我們需要了解一種長(zhǎng)度單位em。em是相對(duì)長(zhǎng)度單。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。我們中文段落一般每段前空兩個(gè)漢字。實(shí)際上，就是首行縮進(jìn)了2em。代碼如下：
免費(fèi)AI編程助手
<style type="text/css">
<!--
p{
text-indent: 2em; /*em是相對(duì)單位，2em即現(xiàn)在一個(gè)字大小的兩倍*/
}
-->
</style>
<p>
W3Cschool在線教程（w3cschool.cn）- 學(xué)技術(shù)，從W3Cschool開(kāi)始！W3Cschool主要為初學(xué)者技術(shù)的人員提供在線學(xué)習(xí)教程和日常技術(shù)資料查詢服務(wù)。為了能更好的服務(wù)用戶，網(wǎng)站平臺(tái)中提供了大量的在線實(shí)例，通過(guò)實(shí)例，可以更好地學(xué)習(xí)如何建站。平臺(tái)的內(nèi)容全部看免費(fèi)查看，并且會(huì)根據(jù)當(dāng)前互聯(lián)網(wǎng)的變化實(shí)時(shí)更新內(nèi)容。
</p>顯示效果如下：
用CSS實(shí)現(xiàn)段落首縮進(jìn)兩個(gè)字符，實(shí)現(xiàn)首行縮進(jìn)的通用方法是加四個(gè)小角空格。其實(shí)呢，用CSS樣式來(lái)定義更為高效。比如在style里定義如下縮進(jìn)樣式：.suojin{text-indent:2em} 在需要縮進(jìn)的地方使用 class="suojin" 即可，比如用一個(gè)div定義一整塊段落首先縮進(jìn)，凡在div區(qū)域里，瀏覽器一碰上p語(yǔ)句（即一個(gè)新段的開(kāi)始），就會(huì)執(zhí)行.suojin 所定義的縮進(jìn)。也可以在正文中使用嵌入式CSS樣式 來(lái)定義，下面舉個(gè)實(shí)例：
<div style="text-indent:2em">
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>效果如下：
兩種方法各有長(zhǎng)處短處,可根據(jù)需要決定使用哪一種方法。
text-indent:2em;
解釋：text的意思是文本、indent在計(jì)算機(jī)英語(yǔ)中意思是縮進(jìn)、至于后面的2em意思就是2個(gè)相對(duì)單位； em解釋：相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。（引自CSS參考手冊(cè) ）各位同學(xué)，要仔細(xì)品一下這個(gè)概念！理解了吧，em這個(gè)單位的意思就是相對(duì)文字大小，1em就是1個(gè)文字大小，2em就是兩個(gè)文字大小，到這里看明白了吧，理解“text-indent:2em; ”的意思了吧，就是“文本縮進(jìn)兩個(gè)文字大小”，這不就是我們要的效果么？
注：div標(biāo)簽 不要忘記起始符。text-indent 只對(duì)p標(biāo)簽 或 div標(biāo)簽 有效，對(duì)br標(biāo)簽 不生效，原因是br標(biāo)簽是換行標(biāo)簽不是分段標(biāo)簽。
