伪元素:字符之间的空格

Question

我有一个徽章,通过CSS添加括号.不幸的是它还增加了空格,有没有办法去除没有负边距的空格？
当前输出:项目(10)
所需的输出:项目(10)

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

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

的jsfiddle

Answer 1

它增加了空格,因为你的标记中有空格.如果你这样做,没有空格:

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