導讀:建站問題建站問題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;   }  

關鍵詞標簽: 首頁 尾頁