特殊背景自适应宽度两栏切法

在定位时把左侧部分(固定宽度)写入a的背景中同时给a一个padding-left，把剩余的自适应的部分写到span的背景中，同时给span一个padding-right;

(注：如果用css sprite，则a／span的背景均要靠右，span背景的写法：background: url no-repeat 100% -Ypx;)

<a href="#">
        <span>  </span>
</a>

a{
        float: left;
        display: inline;
        padding-left: 4px;
        text-decoration: none;
        background: url(./amount.gif) no-repeat -35px -28px;
}
span{
        float: left;
        display: block;
        font-size: 12px;
        padding-right: 4px;
        text-align: center;
        color: #fff;
        background: url(./amount.gif) no-repeat 100% 1px;
}

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/54

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！