Dedecms 友情链接纵向改为横向排列的方法

第一，我用的模板的友情链接原来也是横向排列的，看的非常不爽，链接多了还会超越边框，致使背景图片超格显示 ，所以感觉把它改成横向显示的。这个是目前我的友情链接显示，看到成效还是比较很好的。无论是p做的模板，还是table做的模板，都可以把友情链接由横向改到竖向显示。我的做法是如此的。第一，假如你的模板是p的话，就最好了，假如不是，那样大家需要在原来放友情链接的单元格中插入一个p代码如下：p id=flinksul style=list-style-type:none;{dede:flink type=text row=26/}/ul/p代码讲解：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;设置p快的浮动，主要让友情链接横向排列的代码就是这段。padding-left:10px;这个是设置每一个友情链接和它前面一个边距，这里设置为10像素，假如没这个代码，那样你所有些友情链接都会是挤在一块的，大伙都不期望如此吧。