CSS如何让无序列表在一同一行显示?
1、首先将你的无序列表写在DIV标签内,以便能够更好的控制它。比如:
<div class="uls">
<ul></ul>
</div>

2、然后将LI列表有定数的插入到UL中去,这里是关键,可以决定你的显示方式。这里用行的形式显示如下:
<div class="uls">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

3、添加LI样式,让它能够在HTML显示出来。样式可以加其它修饰样式,这里只写主要能实现效果的样式,如下:
#container ul{
list-style: none;
}
li {
float: left;
margin-left:10px;
width: 100px;
line-height: 30px;
}

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:183
阅读量:162
阅读量:172
阅读量:165
阅读量:63