0
这里,就像是在打击像我分页视图:如何将css应用于codeigniter分页?
不过,我想我的分页象下面这样:
这里,是我的html stucture:
<div class="pagination">
<span class="label-pagination">Showing 1 to10 of 1147 entries </span>
<b>1</b>
<a href="javascript:void(0);" onclick="getContactSearchData(10)">2</a>
<a href="javascript:void(0);" onclick="getContactSearchData(20)">3</a>
<a href="javascript:void(0);" onclick="getContactSearchData(10)">›</a>
<a href="javascript:void(0);" onclick="getContactSearchData(1140)">»</a>
</div>
个CSS是:
.pagination {
width: 100%;
display: inline-block;
}
.pagination a{
border: 1px solid #FFFFFF;
transition: background-color .3s;
float: right;
text-decoration: none;
padding: 8px 16px;
color: #fff;
}
.page-display {
float: right;
}
.pagination b {
border: 1px solid #FFFFFF;
transition: background-color .3s;
float: right;
text-decoration: none;
padding: 8px 16px;
color: #fff;
background: #999999;
}
.pagination > a:first-child {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination > a:last-child {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination .label-pagination {
float: left;
}
.pagination a:hover {
background: #999999;
}
而且我想在边界半径我第一次也是最后一个分页,我该怎么办呢?
谢谢你,它可以帮助我 – Angel