html段落首行縮進

段落前面空兩個字的距離，不要再使用空格了，用CSS實現段落首縮進兩個字符。應該使用首行縮進text-indent。text-indent能夠使得容器內首行縮進必定單位。好比中文段落通常每段前空兩個漢字。

在這裏咱們須要瞭解一種長度單位em。em是相對長度單位。相對於當前對象內文本的字體尺寸。咱們中文段落通常每段前空兩個漢字。實際上，就是首行縮進了2em。

<style type="text/css">
<!--
p{
text-indent: 2em; /*em是相對單位，2em即如今一個字大小的兩倍*/
}
-->
</style>
<p>段落前面空兩個字的距離，不要再使用空格了。應該使用首行縮進text-indent。長度單位em。相對於當前對象內文本的字體尺寸。咱們首行縮進了2em。2em即如今一個字大小的兩倍。</p>

-----------------------------------------------------------------------------------------------------------------

用CSS實現段落首縮進兩個字符，實現首行縮進的通用方法是加四個小角空格。

其實呢，用CSS樣式來定義更爲高效。

好比在style裏定義以下縮進樣式：.suojin{text-indent:2em}

在須要縮進的地方使用class="suojin"便可，好比用一個div定義一整塊段落首先縮進，

凡在div區域裏，瀏覽器一碰上p語句（即一個新段的開始），就會執行.suojin所定義的縮進。

也能夠在正文中使用嵌入式CSS樣式來定義，下面舉個實例（使用時請將尖括號改成小角尖括號）：

＜div style="text-indent:2em"＞
＜p＞段落一＜／p＞
＜p＞段落二＜/p＞
＜p＞段落三＜p＞
＜/div＞

兩種方法各有長處短處,可根據須要決定使用哪種方法。

注：div標籤不要忘記起始符。text-indent只對p或div標籤有效，對br標籤不生效，緣由是br標籤是換行標籤不是分段標籤。