代码：PC CSS（工作中用）

.l{float:left;}
.dib{display:inline-block;}
.vm{vertical-align:middle;}

.page-box{margin-top:44px;text-align:center;}
.page-box .pbtn{display:inline-block;vertical-align:middle;width:40px;height:40px;line-height:40px;font-size:12px;color:#999;border:1px solid #ececec;box-sizing:border-box;text-align:center;margin-left:-1px;}
.page-box .pbtn:hover,.page-box .pbtn.active{background:#ea5404;color:#fff;border:1px solid #ea5404;}
.page-box .mr8{margin-right:8px;}
</style>
<div class="page-box">
    <a href="" class="pbtn mr8">&lt;</a>
    <div class="dib vm mr8">
        <a href="" class="pbtn l active">1</a>
        <a href="" class="pbtn l">2</a>
        <a href="" class="pbtn l">3</a>
        <a href="" class="pbtn l">4</a>
        <a href="" class="pbtn l">5</a>
        <a href="" class="pbtn l">6</a>
        <a href="" class="pbtn l">7</a>
        <a href="" class="pbtn l">8</a>
        <a href="" class="pbtn l">9</a>
        <a href="" class="pbtn l">10</a>
    </div>
    <a href="" class="pbtn mr8">&gt;</a>
    <a href="" class="pbtn mr8">&gt;&gt;</a>
</div>