css问题：如何让一个ul内的几个li在ul内自动填充排列？

例如：对定了ul的宽度，高度自动，如何让li中内容自动先水平排列，排列不下再自动换行。
<ul>
<li>abc1</li>
<li>abc2</li>
<li>abc3</li>
<li>abc4</li>
<li>abc5</li>
</ul>

举报该文章

其他看法

第1个回答推荐于2016-01-11

ul.li 俩都浮动
<style>
ul{float:left; width:500px;height:auto;border:1px solid #000; }
li{float:left; border:1px solid #000;}
</style>
<ul>
<li>abc1</li>
<li>abc2</li>
<li>abc3</li>
<li>abc4</li>
<li>abc5</li>
<li>abc1</li>
<li>abc2</li>
<li>abc3</li>
<li>abc4</li>
<li>abc5</li>
<li>abc1</li>
<li>abc2</li>
<li>abc3</li>
<li>abc4</li>
<li>abc5</li>
<li>abc1</li>
<li>abc2</li>
<li>abc3</li>
<li>abc4</li>
<li>abc5</li>
</ul>
我刚在IE6和firefox4下都可以本回答被提问者采纳

第2个回答 2011-04-17

display:inline
或者
float:left追问

还是不行啊，要么显示在同一行内，不会根据ul的宽度自动换行而完全显示在一行内（不设定ul格式时），要么就全自动换行（设定ul格式时）。
ul{width:60px;height:100px;}
li{display: inline;float: left;list-style-type: none;width:auto;height:15px;}
div{width:800px;height:auto;｝

1111111
2222222
333333
333333

相似回答

大家正在搜