伪元素:space字符之间
Pseudo elements: space between characters
我有一个通过 CSS 添加括号的徽章。不幸的是它也增加了空格,有没有办法在没有负边距的情况下删除空格?
当前输出: 项 ( 10 )
期望输出: 项 (10)
.badge:before {
content: '(';
}
.badge:after {
content: ')';
}
它会添加空格,因为您的标记中有空格。如果您这样做,则没有空格:
Items
<span class="badge">10</span>
<hr>
Items (10)
您的 html 代码中有空格。如果在文本元素(如 )中使用,returns(不是
而是真实的 returns)也会显示为空格。
<span class="badge">10</span>
<hr>
应该完成这项工作。
我有一个通过 CSS 添加括号的徽章。不幸的是它也增加了空格,有没有办法在没有负边距的情况下删除空格?
当前输出: 项 ( 10 )
期望输出: 项 (10)
.badge:before {
content: '(';
}
.badge:after {
content: ')';
}
它会添加空格,因为您的标记中有空格。如果您这样做,则没有空格:
Items
<span class="badge">10</span>
<hr>
Items (10)
您的 html 代码中有空格。如果在文本元素(如 )中使用,returns(不是
而是真实的 returns)也会显示为空格。
<span class="badge">10</span>
<hr>
应该完成这项工作。