H5删除线完美居中解决办法

在很多电商H5中都会有历史价格一项，并加上删除线，一般前端都会使用 " text-decoration: line-through; " ，但是在手机端使用时发现往往删除线不能完美居中显示：

删除线不居中.jpg

完美的删除线居中显示

我的写法很简单，base64的小圆点很小，代码量也不多，使用起来很方便：

居中.jpg

.right-box2 .left{
    display: inline-block;
    color: #999;
    font-size: .24rem;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///5mZmf///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==);
    background-repeat: repeat-x;
    background-position: left center;
    height: .32rem;
    line-height: .32rem;
}