[分享]css前面空出2个字符

 在 CSS 中，有时候我们会发现一些奇怪的现象——每个段落的前面都有两个空白字符。这是因为浏览器默认使用一个“用户代理样式表”来渲染网页，而这个样式表中就包含了段落前面的两个空白字符。如果我们要去掉...

 在 CSS 中，有时候我们会发现一些奇怪的现象——每个段落的前面都有两个空白字符。这是因为浏览器默认使用一个“用户代理样式表”来渲染网页，而这个样式表中就包含了段落前面的两个空白字符。
如果我们要去掉这个现象，就需要使用 CSS 来修改这个默认样式了。
首先，我们可以通过以下代码来让段落前面没有空白字符：

p {
  margin-left: 0;
} 

这样，就可以把段落的左边距设为 0，从而去掉前面的两个空白字符。
不过，如果你在 HTML 代码中手动加上了段落前面的空白字符，那么上面的代码将无法生效。此时，我们可以试试使用以下代码：

p::before {
  content: "";
  display: block;
  margin-left: -2ch;
} 

这个代码中，我们使用了 CSS 的伪元素 ::before 来添加一个空内容的元素，并设置其为块级元素（display: block），最后把左边距设为 -2ch，把空白字符隐藏起来。
总之，使用上述代码可以轻松去掉段落前面的两个空白字符，让你的网页看起来更加整洁。