Question

大家好，我刚刚创建了一个使用半星的评级控制，但问题是每个半星之间存在差距。我使用像这样隐藏在星形容器上的溢出物。 codepen差距在chrome中可见

{{1}}

如何让星星更紧密地结合在一起，以便没有差距

Answer 1

您可以更改课程的余量

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

一旦你这样做了星星聚集在一起，那么你可以改变右栏的宽度，使它更大（如果你想）