IE错误 firefox 正常,求帮忙做CSS修改
/*************分页*/.pages{clear:both;margin:0px10px;}.pagesstrong{color:#555;display:b...
/************* 分页 */
.pages {
clear:both;
margin:0px 10px;
}
.pages strong {
color:#555;
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
background:#F5F5F5;
border:1px solid #ccc;
margin:0px 3px 0px 0px;
}
.pages a {
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
border:1px solid #CCC;
text-decoration:none;
margin:0px 3px 0px 0px;
color:#555;
}
.pages span {
float:right;
}
<div class="pages"><li><a>首页</a></li>
<li class="thisclass"><a>1</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=2">2</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=3">3</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=2">下一页</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=3">末页</a></li>
</div> 展开
.pages {
clear:both;
margin:0px 10px;
}
.pages strong {
color:#555;
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
background:#F5F5F5;
border:1px solid #ccc;
margin:0px 3px 0px 0px;
}
.pages a {
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
border:1px solid #CCC;
text-decoration:none;
margin:0px 3px 0px 0px;
color:#555;
}
.pages span {
float:right;
}
<div class="pages"><li><a>首页</a></li>
<li class="thisclass"><a>1</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=2">2</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=3">3</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=2">下一页</a></li>
<li><a href="/plus/list.php?tid=16&TotalResult=54&PageNo=3">末页</a></li>
</div> 展开
展开全部
你说的错误是没有横着显示吗?
.pages a {
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
border:1px solid #CCC;
text-decoration:none;
margin:0px 3px 0px 0px;
color:#555;
}
修改成:
.pages li {
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
border:1px solid #CCC;
text-decoration:none;
margin:0px 3px 0px 0px;
color:#555;
}
就可以了。
.pages a {
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
border:1px solid #CCC;
text-decoration:none;
margin:0px 3px 0px 0px;
color:#555;
}
修改成:
.pages li {
display:block;
float:left;
height:18px;
line-height:18px;
float:left;
padding:0px 8px;
border:1px solid #CCC;
text-decoration:none;
margin:0px 3px 0px 0px;
color:#555;
}
就可以了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询