轉自：http://blog.163.com/yw0602@126/blog/static/165385907201181983743932/
pagelist和pagebreak是dede定義的兩個分頁標籤.直接引用這兩個標籤的時候,難以避免會出現顯示問題，一般是垂直排列，因爲
“首頁 上一頁 1 2 3 。。。 第N頁 下一頁” ，這些字段都是由在根目錄include下的arc.listview.class.php和arc.archives.class.php文件預設好了css樣式的.這些字段是在預設好的一個個<li></li>標籤裏，所以會垂直顯示，而不是橫向顯示。所以如果你不在你的樣式表裏增加css樣式控制<li>標籤，或者不修改arc.listview.class.php和arc.archives.class.php文件，一調用pagelist和pagebreak標籤立刻就出現問題.
dedecms預設的css是這樣的，
<li><a href="#" class="x">首頁</a></li>
<li><a href="#" class="x">1</a></li>
<li><a href="#" class="x">2</a></li>
<li><a href="#" class="x">3</a></li>
<li><a href="#" class="x">下一頁</a></li>
<li><a href="#" class="x">末頁</a></li>
所以根據實際情況，有兩個解決方法，第一種特別簡單，在你的樣式表裏增加css樣式控制<li>標籤即可。
<ul class='pagelist'>{dede:pagelist listsize='7' /}</ul>
然後定義CSS
.pagelist li{ float:left; margin-right:3px; list-style-type:none;}
這裏重點是css： li標籤樣式的" float:left".
這樣就可以橫向顯示這些標籤了，但是發現這些“首頁 上一頁 1 2 3 。。。 N 下一頁 末頁”這些字段不美觀，首先是會靠左顯示，其次顯示的字段太緊湊，實際上這些字段的顯示樣式一樣已經由arc.listview.class.php和arc.archives.class.php文件預設好，這些字段都處在<a><a/>之內，是由<a>標籤的css樣式控制的，此處的<a>標籤和dede:pagelist，pagebreak一樣，都預設好了樣式，這和<li>標籤有些不同，<li>標籤沒有預設樣式，<a>標籤難以再增加css樣式來控制。所以第二種方法更徹底些。
不妨用dreamweaver打開include文件夾下arc.listview.class.php和arc.archives.class.php這兩個文件，
大膽的去掉這個討厭的 <li></li> 標籤,以及清除處在這對標籤裏面的<a>標籤的css樣式，你可以用ctrl+F打開查找與替換對話框，把<li></li>分別替換爲空就行，在逐個替換的時候，順便把處在這對標籤裏面<a>標籤的css樣式清除。
當你再次調用dede:pagelist和dede:pagebreak標籤時，實際上你將得到的顯示樣式是這樣的，
<a href="#">首頁</a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">下一頁</a>
<a href="#">末頁</a>
因此，你只需要把{dede:pagelist listsize='7' /}放進一個div容器裏，控制此處的<div>和<a>標籤的樣式就行了。比如
居中，邊距，間距，字號，顏色等屬性，任君所欲。