伪元素：字符之间的空格

Question

我有一个通过CSS添加括号的徽章。不幸的是它还增加了空格，有没有办法去除空间而没有负边距？
当前输出：项目（10）
期望输出：项目（10）

.badge:before {
  content: '(';
}

.badge:after {
  content: ')';
}

JSFiddle

Answer 1

它增加了空格，因为你的标记中有空格。如果你这样做，就没有空格了：

Items
<span class="badge">10</span>
<hr>
Items (10)

Answer 2

你的html代码中有空格。如果在文本元素中使用（例如＆lt; span＆gt;），则返回（不是＆lt; br＆gt;但实际返回）将显示为空格。

<span class="badge">10</span>
<hr>

应该做的。