CSS部分
.pagination{
width: 100%;
margin: 10px 0;
padding: 0 10px;
}
.pagination::after{
display: block;
content: "";
clear: both;
height: 0;
}
.pagination li{
float: left;
vertical-align: middle;
}
.pagination li a,span{
display: inline-block;
padding: 0 15px;
height: 34px;
line-height: 34px;
margin: 0 -1px 5px 0;
background-color: #fff;
color: #333;
font-size: 12px;
border: 1px solid #e2e2e2;
}
.pagination .active span{
background-color: #009688;
color: #fff;
border-radius: 2px;
}
.pagination .disabled{
cursor: not-allowed;
color: #d2d2d2!important;
}
js部分
$(function () {
$('.pagination li').eq(0).children().text('上一页')
$('.pagination li:last-child').children().text('下一页')
})