css ul li图片-不换行-横排样式
div+css里，很多时间用css ul li来显示数据，如导航等，下面是css ul li的一些例子
html ul li 排列代码：
[code] <div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li class="menuDiv"></li>
<li><a href="#">博客</a></li>
<li class="menuDiv"></li>
<li><a href="#">下载</a></li>
<li class="menuDiv"></li>
<li><a href="#">相册</a></li>
<li class="menuDiv"></li>
<li><a href="#">论坛</a></li>
<li class="menuDiv"></li>
<li><a href="#">关于</a></li>
</ul>
</div> [/code]
css ul li样式代码：
[code]
#menu ul {list-style:none;margin:0px;}
#menu ul li {float:left;} [/code]
分析下：
#menu ul {list-style:none;margin:0px;}
list-style:none，这一句是取消列表前点，因为我们不需要这些点
margin:0px，这一句是删除ul的缩进，可以使所有的列表内容都不缩进
#menu ul li {float:left;}
这里的float:left的左右是让内容都在同一行显示，因此使用了浮动属性(float)