csdn博客内容首行缩进

csdn首行缩进

  在使用markdown语法编写博客时，就算敲了多个空格或者制表符，也会当作一个空格处理，无法达到缩进的效果。可以使用html中的特殊空格字符达到缩进的效果。

1. 空格符

•  

No-Break Space，不换行空格，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。

•  

En Space，半角空格，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体度的一半（如16px字体中就是8px）。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性：透明的，此空格有个相当稳健的特性，就是其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响

•  

Em Space，全角空格，em是字体排印学的计量单位，相当于当前指定的点数。例如，1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性：透明的，此空格也有个相当稳健的特性，就是其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。

Tips：若要正常输出   ，使用 “\” 转义，即 \ 

2. 示例

\ \ \ \ \ \ \ \ csdn博客内容首行缩进

        csdn博客内容首行缩进

\ \ \ \ csdn博客内容首行缩进

    csdn博客内容首行缩进

\ \ csdn博客内容首行缩进

  csdn博客内容首行缩进

3. 总结

  三种html空格字符所占据的宽度是不一样的，各位可根据自己的需要，使用合适的搭配，得到自己想要的缩进效果。

参考：

HTML中       等6种空白空格的区别