⽤css+div实现表格的每⾏显⽰3列的功能转⾃⽹络
⽅案⼀：
<style type="text/css">
.csstb{font-size:12px;width:600px;}
.csstb div,
.csstb li{
float:left;
width:198px;
line-height:20px;/*⾏⾼*/
border:#999 solid 1px;}
.csstb ul{margin:0;padding:0;list-style:none;}
</style>
<div class="csstb">
<div>第1⾏第1列</div>
<div>第1⾏第2列</div>
<div>第1⾏第3列</div>
html实现用户注册登录代码<div>第2⾏第1列</div>
<div>第2⾏第2列</div>
<div>第2⾏第3列</div>
<div>第3⾏第1列</div>
<div>第3⾏第2列</div>
<div>第3⾏第3列</div>
</div>
<br />
上⾯这样DIV有点不知道是什么感觉，本⾝DIV是⼀个结构，这样的结构我觉得不好<br />
下⾯是修改过的⽤LI列表，其实⼀样的
<br />
<div class="csstb">
<ul>
<li>第1⾏第1列</li>
<li>第1⾏第2列</li>
<li>第1⾏第3列</li>
<li>第2⾏第1列</li>
<li>第2⾏第2列</li>
<li>第2⾏第3列</li>
<li>第3⾏第1列</li>
<li>第3⾏第2列</li>
<li>第3⾏第3列</li>
</ul>
</div>
⽅案⼆：
<style type="text/css">
#d1 span{ width:197px; height:18px; float:left; border:solid 1px blue;}
</style>
<div id="d1">
<span>1</span>
<span>1</span>
<span>1</span>
<span>1</span>
<span>1</span>
<span>1</span>
<span>1</span>
<span>1</span>
<span>1</span>
</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。