博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

实现横向列表菜单的两种方法

Posted on 2012-10-26 16:19  花生米的小窝  阅读(494)  评论(0)    收藏  举报
<ul>
<li>网站首页</li>
<li>音乐欣赏</li>
<li>美国文学</li>
</ul>

以上代码实现了一个纵向无需列表,要实现横向列表有两种方法:

1、给li元素加上float:left;属性

2、给li元素加上display:inline;属性

前一种方法更好,因为可以更加灵活的设置li元素的padding等属性