css中文字前面空格

在CSS中，我们经常需要设置文字前面的空格，比如说在列表中，我们需要让每个列表项前面有个小圆点或者小方块，这时就需要使用CSS中的空格设置。

首先，我们需要了解两种不同的空格：

 <pre>·    空格 ( )
·    空白符 (tab)
    </pre> 

两种空格在CSS中的应用是完全不同的。

如果我们希望在文本中使用空格，可以直接在CSS样式中加入空格：

 <pre>p {
  text-indent: 2em; /* 段落首行空 2 个汉字 */
}

li:before {
  content: "? "; /* 每个列表项前有一个小圆点 */
}</pre> 

这里的空格指的是Unicode编码中的空格（ ），这样的空格也被称为空白符。

而如果我们希望在文本中使用空白符，需要使用CSS中的转义符号“	”：

 <pre>code {
  white-space: pre;
}

code:before {
  content: "&#9;"; /* 在文本前添加一个制表符 */
}</pre> 

这里使用了CSS中的white-space属性，将代码块中所有的空白符都保留，再使用content属性在代码块前添加一个制表符。

总之，CSS中文字前面空格的使用需要注意不同的空格类型，可以通过Unicode编码和转义符号来区分和应用。