武林網(www.survivalescaperooms.com)文章簡介：高手請略過，網頁教學網提供的這個小技巧教程適合初學CSS的人和網頁制作的人，主要實現在段落的前面自動縮進兩個字。

高手請略過，網頁教學網提供的這個小技巧教程適合初學CSS的人和網頁制作的人，主要實現在段落的前面自動縮進兩個字。

記得過去剛開始學習制作頁面的時候，要想讓一段文字首行縮進兩個文字，總是在前面加上8個空格，因為過去大家對CSS不熟悉，這種方法實現雖然比較直接，但是文字多的時候會有很多“ ”充斥在代碼中，代碼顯著比較亂，現在我們實現這種效果就簡單多了，直接在CSS代碼中加入：

text-indent:2em;

就很容易實現文本段落的縮進~

text-indent:2em;

解釋一下：text的意思是文本，indent在計算機英語中意思是縮進，至于后面的2em意思就是2個相對單位；

em是什么單位？

em這個單位的意思就是文字的高度，1em就是1個文字的高度，2em就是兩個文字高度，所以我們寫的“text-indent:2em;”的意思就是，文本縮進2個文字的高度，因為漢字是方塊字，高度和寬度是一樣的，所以縮進2個文字的高度，就等于縮進兩個文字的寬度，最后的效果就是縮進了兩個文字。

說明一點

對于"text-indent:2em;"屬性，只能加在塊狀元素上面，內聯元素是不起作用的。