制作小横线

1、以<span></span>背景的方式实现

1  <div class="pay_area">
2      <span class="pay_line"></span>
3      <span class="pay_num">￥ 998</span>
4      <span class="pay_line"></span>
5  </div>

2、

1 /*修改支付显示区域*/
2 .pay_area{width:600px;height: 50px;margin: 0px auto;text-align: center;}
3 .pay_area .pay_line{margin-bottom: 20px;display: inline-block;background: #e3e2e2;width:95px;height: 2px;margin-left: 15px;overflow: hidden;}
4 .pay_area .pay_num{line-height: 50px;font-size: 60px;color: #666666;font-family: '微软雅黑';display: inline-block;}

3、ie6中的bug,横线的宽度会变大，通过 overflow: hidden 可以解决。

转载于:https://www.cnblogs.com/yiliweichinasoft/p/3801367.html