如何使用css仅显示引导图标的一半

我想对一个用glyphicon star制作的物品进行星级评定，因为它不可能有超过一种颜色的Glyph，是否可以只显示一半

我使用的是bootstrap，我正在用更少的资源处理它的源代码

干杯

    <p>
      <span class="view-stats">{$post.numviews|number_format:0} views</span>
      <span class="view-stars pull-right">
        <span class="glyphicon glyphicon-star star-color"></span>
        <span class="glyphicon glyphicon-star star-color"></span>
        <span class="glyphicon glyphicon-star star-color"></span>
        <span class="glyphicon glyphicon-star star-color"></span>
        <span class="glyphicon glyphicon-star star-color" ></span>
      </span>
      &nbsp;
    </p>

演示-

将

左侧

更改为

47%

，以便根据不同的字体大小进行调整

你可以这样做

.half {
    position:relative;
}
half:after {
    content:'';
    position:absolute;
    z-index:1;
    background:white;
    width: 50%;
    height: 100%;
    left: 47%;
}

演示-

将

左侧

更改为

47%

，以便根据不同的字体大小进行调整

你可以这样做

.half {
    position:relative;
}
half:after {
    content:'';
    position:absolute;
    z-index:1;
    background:white;
    width: 50%;
    height: 100%;
    left: 47%;
}

---

你有我们可以看的HTML吗？有很多方法可以解决您的问题，但是如果没有代码，很难提供帮助。请显示您的代码。添加了部分代码，当然现在glyphicon星星的数量是静态的，但是db会给出类似3.5、4、4.5[…]的内容。您有我们可以查看的HTML吗？有很多方法可以解决您的问题，但如果没有代码，则很难提供帮助。请显示您的代码。添加了部分代码，当然现在glyphicon星星的数量是静态的，但db会给出类似3.5、4、4.5[…]的值，使用相对维度可能是更好的主意，例如

width:50%

，这样我们就可以适应字体大小的变化。使用相对尺寸可能更好，例如

width:50%

，这样我们就可以适应字体大小的变化。