html如何設(shè)置首行縮進(jìn)2字符

這篇文章主要介紹了html如何設(shè)置首行縮進(jìn)2字符，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在html中，可以利用標(biāo)簽的style屬性，給包含文字的標(biāo)簽元素添加“style="text-indent:2em;"”代碼即可設(shè)置文字首行縮進(jìn)2字符。text-indent屬性用于控制文本塊中首行文本的縮進(jìn)，而“2em”表示兩個(gè)字符長(zhǎng)度。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在HTML中，style 屬性規(guī)定元素的行內(nèi)樣式（inline style）。style 屬性將覆蓋任何全局的樣式設(shè)定，例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。

html想要設(shè)置首行縮進(jìn)2字符，這可利用style 屬性給html文本元素添加text-indent:2em樣式即可

<div style="text-indent:2em;">
但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長(zhǎng)生殿，夜半無(wú)人私語(yǔ)時(shí)。在天愿作比翼鳥，在地愿為連理枝。
</div>

效果圖：

text-indent 屬性規(guī)定文本塊中首行文本的縮進(jìn)。而1em相當(dāng)于當(dāng)前的字體尺寸（font-size屬性），2em相當(dāng)于當(dāng)前字體尺寸的2倍。

想要開頭縮進(jìn)1.5個(gè)字符，則可：

<div style="text-indent:1.5em;">但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長(zhǎng)生殿，夜半無(wú)人私語(yǔ)時(shí)。在天愿作比翼鳥，在地愿為連理枝。</div>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html如何設(shè)置首行縮進(jìn)2字符”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!