时间久了，随着认识的朋友越来越多，友链也是直线的增长，导致友链的显示破坏了整个页面的美观。为了解决这个，木木童鞋很早就让友链多列显示了，此方法通过添加几句CSS代码即可实现，效果怎样显而易见！

youlian2.jpg

个人提倡：简简单单首页文字链接，互订阅访问互留言交流。

具体原理也就不分析了，也分析不来，放出相关代码各位童鞋对比看看先：

<li class="widget_links">
<h3><span>// 友情链接</span></h3>
<ul>
	<?php get_links(2, '<li>', '</li>', '', TRUE, 'name', FALSE); ?>
</ul>
</li>

这是我模板中侧边栏调用友情链接的代码，再来看看我的CSS中是如何定义它的样式的：

.widget_links ul li{margin:5px 0 0 15px;height:20px;float:left;width:43%;}

以上我就加了两个关键属性，float:left;即左浮动，width:43%;每个占一定的宽度。这里可能有些童鞋要问了：“为什么宽度不是50%呢？”由于各浏览器都有默认定义的border和margin属性，所以设每个li占50%是超出一半的长度的，所以就设小点吧！要更多列显示，那就设得更小点吧~