DIV CSS text-indent段落首行文字縮進(jìn)，CSS段首縮進(jìn)，可控制縮進(jìn)距離樣式教程篇

讓每個(gè)段落首行開頭文字縮進(jìn)，如縮進(jìn)2個(gè)文字距離樣式，我將用到text-indent屬性樣式。

一、text-indent縮進(jìn)語(yǔ)法與結(jié)構(gòu) - TOP

.divcss5{text-indent:25px}
這里divcss5對(duì)象內(nèi)段落首行開頭文字縮進(jìn)了25像素。

css text-indent文本縮進(jìn)樣式屬性單詞，text-indent的值跟數(shù)字+單位組成縮進(jìn)樣式。

二、css段落段首文字縮進(jìn)案例 - TOP

通常text-indent縮進(jìn)屬性將對(duì)段落首行開頭文本文字進(jìn)行縮進(jìn)顯示。如果使用html br換行標(biāo)簽，第二個(gè)換行開始也不會(huì)出現(xiàn)縮進(jìn)效果。如果使用了html P段落標(biāo)簽段落換行，將會(huì)出現(xiàn)每個(gè)p段落換行開頭都將縮進(jìn)，這里我們給大家通過案例演示給大家，希望通過DIVCSS5案例掌握CSS text-indent縮進(jìn)樣式。

1、CSS代碼
.divcss5{ text-indent:35px}

2、HTML代碼片段

<divclass="divcss5">
<p>第一段開始縮進(jìn)效果<br/>
使用br標(biāo)簽的換行將不會(huì)縮進(jìn)
</p>
<p>第二段使用p標(biāo)簽段落首行也會(huì)縮進(jìn)<br/>
第二行使用了br不會(huì)縮進(jìn)<br/>
第三行提行使用了br也不會(huì)縮進(jìn)</p>
</div>

3、段首縮進(jìn)案例截圖

div+css text-indent文本段落縮進(jìn)應(yīng)用案例截圖

三、首行段落文字縮進(jìn)text-indent總結(jié) - TOP

我們要讓每段文字開頭縮進(jìn)，并且可以控制縮進(jìn)距離我使用text-indent縮進(jìn)單詞。如果不想使用text-indent樣式進(jìn)行縮進(jìn)，我可以使用空格來實(shí)現(xiàn)，但需要多打幾個(gè)html空格字符“ ”實(shí)現(xiàn)空格字符占位縮進(jìn)，你可以詳細(xì)了解html多空格字符應(yīng)用。

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。