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

Question

嗨，我刚刚创建了一个使用带有 fontawesome 的半星的评级控件，问题是每个半星之间的差距。我像这样使用隐藏在星形容器上的溢出。代码笔 间隙在 Chrome 中可见

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;
} 

我怎样才能让星星更紧密地连接在一起，这样就不会有差距

Answer 1

您可以更改类的边距

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

完成此操作后，星星会聚集在一起，然后您可以更改右列的宽度以使其变大一点(如果需要(