我是新手,想在css中实现无序列表的横排。谢了!

如题所述

第1个回答  推荐于2018-04-09
html中写:
<ul class="list">
<li tittle="">我是第一个</li>
<li tittle="">我是第二个</li>
<li tittle="">我是第三个</li>
<li tittle="">我是第四个</li>
</ul>

css中定义:
.list{ width:800px; margin:0 auto}
.list li{ list-style:none; width:200px; height:25px; line-height:25px; float:left;}
或者直接在页面title下面写
<style type="text/css">
.list{ width:800px; margin:0 auto}
.list li{ list-style:none; width:200px; height:25px; line-height:25px; float:left;}
</style>
实现的效果都一样

打字不易,请采纳本回答被网友采纳
第2个回答  2011-12-29
只要加个float:left; 只要LI的宽度不超过 UL的宽度 就是横排了
第3个回答  2011-12-28
把li浮动本回答被网友采纳
第4个回答  2011-12-29
li{float:left;}