首先，我用的模板的友情鏈接原來也是橫向排列的，看的很不爽，鏈接多了還會超過邊框，導致背景圖片超格顯示 ，所以覺得把它改成橫向顯示的。這個是現在我的友情鏈接顯示，看到效果還是比較不錯的。

 

不管是div做的模板，還是table做的模板，都可以把友情鏈接由橫向改到豎向顯示。我的做法是這樣的。首先，如果你的模板是div的話，就最好了，如果不是，那么我們需要在原來放友情鏈接的單元格中插入一個div

 

代碼如下： 

<div id="flinks"><ul style="list-style-type:none;">{dede:flink type='text' row='26'/}</ul></div> 

 

代碼解釋：id="flinks"是css中的選擇器，我們需要在css控制這個id的樣式。 

ul是一個無序列表標簽。 

style="list-style-type:none;“這個表示將無序列表前面的列表樣式去掉，設置成無。 

{dede:flink type='text' row='26'/}這個用dede的人都知道，是調用友情鏈接的。 

 

然后在首頁使用的css文件中，插入如下的代碼： 

#flinks li{ 

float:left; 

padding-left:10px;} 

 

代碼解釋： 

float:left;設置div快的浮動，主要讓友情鏈接橫向排列的代碼就是這段。 

padding-left:10px;這個是設置每個友情鏈接和它前面一個邊距，這里設置為10像素，如果沒有這個代碼，那么你所有的友情鏈接都會是擠在一起的，大家都不希望這樣吧。