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 可以解决。