::after添加下划线注意事项

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/PerfectUrl/article/details/77663607

#wx::after,#zfb::after,#appstore::after{
content:"";
display:block;//块级元素
width: 100%;
height:1px;
background:#d3d3d3;
transform:scaleY(1);//纵向伸缩
float:left;//一定要用浮动，否则下划线不会在下方，而会跑到上放

}

<div id="wx">
    <span class="leftspan"><img src="[email protected]"></span>
<span class="centerspan">支付</span>
    <span class="rightspan"><img src="[email protected]"></span>
</div>