删除线的长短之争

有这样一种需求，给文字画上删除线，从简单点来讲，一句代码的事情:

  text-decoration: line-through;

但是这货有缺陷，就是只同文字的长度相关联，文字多长，这条线就多长，这就是很尴尬了，设计童鞋说要100%长怎么办，用伪类吧：

.text::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    border-top: 1px solid gray;
    opacity: 0.5;
    top:50%;
    transform: translate3d(0,-50%,0);
    -webkit-transform: translate3d(0,-50%,0);
}