html中如何让两个表格紧挨在一起

Posted 2023-05-13

请问：我用<div>画下一块空白的地方。。我想在<div>中创建两个表格，那么如何让这两个表格紧挨在一起。两个表格合起来的大小不超过<div>的大小

设置DIV宽度~在这只2个表格宽度~在表格的BABLE里面设置向左对齐~就可以了·设上高度最好~但是不能在DIV里面设置 参考技术A <div style="widtd:800px;height:300px">
<div style="width:360px;height:200px;float:left;margin-left:40px;">
<table width="360" height=200 border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="150"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div style="width:360px;height:200px;float:left;margin-right:40px;">
<table width="360" height=200 border="0" cellpadding="0" cellspacing="0">
<tr>
<td widtd="180"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

</div> </div> 具体在自己调整把

html怎么控制两个table间的间距

首先，你需要了解盒子模型，也就是说一个html元素的占位，从内到外，依次是：

content -> padding -> boder -> margin

再回到你的问题上，如果想要控制2个table之间的间距，我们可以设置他们的外边距，也就是margin这个属性（如果这2个table是挨在一起的话），margin用法很简单，你可以设置简单一点：

table
    margin：0 10px; // 控制table元素的上下边距为0，左右边距为10像素

参考技术A 可以设置两个table的外边距来控制两个table的间距