有这样一种需求,给文字画上删除线,从简单点来讲,一句代码的事情:
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);
}