div ul li 排版问题
来源:百度知道 编辑:UC知道 时间:2024/06/09 15:48:27
<div id="box">
<ul>
<li>内容</li>
<li>缩小窗口看看</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
<div>
我想把5个li组成一行
相当于一个表格
<ul>
<li>内容</li>
<li>缩小窗口看看</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
<div>
我想把5个li组成一行
相当于一个表格
例子如下
<style type="text/css">
body,div,ul{ margin:0; padding:0}
ul{ list-style:none}
#box{ width:500px; overflow:hidden}
#box li{ float:left; width:100px;}
</style>
<div id="box">
<ul>
<li>内容</li>
<li>缩小窗口看看</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</div>
直接用表格不是更方便,不用刻意去用DIV+CSS
你可以
<div css="box">
<tabel><tr>
.......
</tr></tabel>
</div>
css 不是说不能用表格 <