wordpress友情链接横排显示

作者: 鲁智深 分类: wordpress 发布时间: 2013-03-02 16:00

wordpress博客的友情链接大多在侧边栏基本都是竖排的,有的站长用wordpress做成企业站,友链在底部,必须横这来!其实只是一个css样式的问题。

让li横排显示的CSS代码

在html头部或css文件中添加:

<style type="text/css">
li{floag:left;list-style:none;display:inline;margin:20px}
</style>

重点在于display:inline这个属性。(ps: display:inline—–横向排列)

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

一条评论
  • 志远博客

    2013 年 3 月 3 日 00:23

    这个在一定程序上可能好用,但并不是一定可以用的哦,因为div在宽度不够的情况下会再动折行的,所以如果你的连接的文字过长的话,那么可能就会没有效果

发表评论

电子邮件地址不会被公开。 必填项已用*标注