利用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。