<table>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
我不知道你说的到底是什么意思，这样应该没问题的。
<body><table width="223" height="123" border="1" id="div_ta">
<tr>
<td><div id="div1">div1</div></td>
<td><div id="div2">div2</div></td>
<td><div id="div3">div3</div></td>
</tr>
<tr>
<td><div id="div4">div4</div></td>
<td><div id="div5">div5</div></td>
<td><div id="div6">div6</div></td>
</tr>
<tr>
<td><div id="div7">div7</div></td>
<td><div id="div8">div8</div></td>
<td><div id="div9">div9</div></td>
</tr>
</table>
</body>
<script>
var div_data=document.getElementById("div_ta").getElementsByTagName("div")
for(var i=0i<div_data.lengthi++)
{
alert("第"+(i+1)+"个的ID="+div_data[i].id)
}
</script>
要使用div做一个表格，主要需要应用到css中的border表框属性，这样看起来才像是一个表格。示例代码如下：
html代码：
<div class="table"><div class="col">第一个单元格</div>
<div class="col">第二个单元格</div>
</div>
CSS代码：
.table{width:500pxheight:150pxmargin:0px autoborder:1px solid #000border-left-width:0}.col{width:249pxheight:100%border-left:1px solid #000float:left}
demo效果截图如下：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）