Css 要删除两个标签控件之间的间隙吗

大家好，我刚刚创建了一个使用半星的分级控制，问题是每个半星之间有一个间隙。我使用像这样隐藏在星形容器上的溢出。该间隙在铬合金中可见

label:nth-child(4n+2) {
  width: 12px;
  position: relative;    
  display: block;
  margin-right: 3px;
  overflow: hidden;
}

label:nth-child(4n+4)::before {
  content: '\f006';
  display: block;
  width: 11px;    
  overflow: hidden;
} 

---

我怎样才能让星星更紧密地连在一起，这样就不会有空隙呢

你可以更改班级的边距

.rating label:nth-child(4n+2)
{
margin-right: 0px;
}

---

完成此操作后，星星聚集在一起，然后您可以更改右列的宽度，使其稍大一些（如果您愿意）

如果从

标签：第n个子项（4n+2）中删除
溢出：隐藏
是的，是的，我希望这个控件样式不会再有任何问题，谢谢@MichaelCokerI尝试过，但它在我的chrome浏览器上无法正常渲染，查看时仍然存在间隙是的，我不知道为什么，但我的chrome仍然显示了一个间隙不幸的是，它放大了吗？如果没有，那么其他人可能会为您找到解决方案：-）