利用CSS text-indent 實現段落首行縮進

        在寫幾個網頁，之中的段落要求首行空兩個漢字。一開始使用的是空格，但出現了個問題，在HTML頁面上敲的空格數和最終顯示的空格數不同。據w3school的介紹，瀏覽器老是會截短 HTML 頁面中的空格。若是您在文本中寫 10 個空格，在顯示該頁面以前，瀏覽器會刪除它們中的 9 個。如需在頁面中增長空格的數量，須要使用   字符實體。

         全稱non-breaking space，即不間斷空格，它是最多見和咱們使用最多的空格。在HTML中，若是你用空格鍵產生此空格，空格是不會累加的（只算1個），要使用HTML實體表示纔可累加。

        HTML中使用「 」表示1個空格字符（英文的1個空格字符），但1箇中文漢字佔2個英文字符，因此每段前面空餘的2個漢字必須用4個「 」標籤。可是這樣又有個問題，由於該空格佔據寬度受字體影響明顯而強烈，因此也不推薦。

        還好，CSS中有個首行縮進的text-indent屬性。 text-indent能夠使得容器內首行縮進必定單位。好比中文段落通常每段前空兩個漢字，CSS能夠這樣寫：

text-indent: 2em;

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