Dedecms 友情鏈接縱向改為橫向排列的方法

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

不管是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像素，如果沒有這個代碼，那么你所有的友情鏈接都會是擠在一起的，大家都不希望這樣吧。

生活不易，碼農辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈