导读:建站问题建站问题Dede cms 列表页翻页按钮使用的是{dede:pagelist listitem="index,end,pre,next,pageno" listsize网站优化seo培训网站建设公司。

Dede cms 列表页翻页按钮使用的是{dede:pagelist listitem="index,end,pre,next,pageno" listsize="10"/}生成html后列表页第一页是 li 首页/li li class="thisclass"1/li lia href='news_2.html'2/a/li lia href='news_3.html'3/a/li lia href='news_2.html' […]

Dedecms列表页翻页按钮使用的是{dede:pagelist listitem="index,end,pre,next,pageno" listsize="10"/}生成html后列表页第一页是

<li >首页</li>  <li class="thisclass">1</li>  <li><a href='news_2.html'>2</a></li>  <li><a href='news_3.html'>3</a></li>  <li><a href='news_2.html'>下一页</a></li>  <li><a href='news_3.html'>末页</a></li>  最后一页是：  <li><a href='news_1.html'>首页</a></li>  <li><a href='news_2.html'>上一页</a></li>  <li><a href='news_1.html'>1</a></li>  <li><a href='news_2.html'>2</a></li>  <li class="thisclass">3</li>  <li >末页</li> 

默认模板的CSS样式表：

.58pic_pages{  }  .58pic_pages ul{  float:left;  padding:12px 0px 12px 16px;  }  .58pic_pages ul li{  float:left;  font-family:Tahoma;  line-height:17px;  margin-right:6px;  border:1px solid #E9E9E9;  }  .58pic_pages ul li a{  float:left;  padding:2px 4px 2px;  color:#555;  display:block;  }  .58pic_pages ul li a:hover{  color:#690;  text-decoration:none;  padding:2px 4px 2px;  }  .58pic_pages ul li.thisclass,  .58pic_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{  background-color:#F8F8F8;  padding:2px 4px 2px;  font-weight:bold;  } 

可以看到”.58pic_pages ul li a“和”.58pic_pages ul li.thisclass“都有padding:2px 4px 2px;属性但是”.58pic_pages ul li“却没有。在”.58pic_pages ul li“没有padding:2px 4px 2px;属性时<li >首页</li>和<li >尾页</li>这两个按钮就会比别的按钮小，想想这种情况是多么难看。 下面就对以上问题提供两种解决办法 第一种方法通过CSS解决，这个解决办法就是不控制a标签只对li添加样式，代码如下：

.58pic_pages ul{   }   .58pic_pages ul li{   float:left;   height:18px;   line-height:18px;   padding:4px 10px;   margin-right:5px;   border:1px #b9cdff solid;   }   .58pic_pages .thisclass{   background:#e3ebfe;   }  

关键词标签: 首页 尾页