UC知道html中两个表格间的距离如何调整？
来源：百度知道 编辑：UC知道 时间：2024/09/20 02:28:37
在下面的html代码中有两个表格，
两表格间间距默认无间距，
如果用<br>或<p>间距太大不美观，
我想自己微调间距，该怎么做呢？
<html>
<body>
<table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td>1</td>
<td>2</td>
<tr>
<tr>
<td>11</td>
<td>22</td>
<tr>
</table>
<!-- 在这里调整间距 -->
<table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td>3</td>
<td>4</td>
<tr>
<tr>
<td>33</td>
<
两表格间间距默认无间距，
如果用<br>或<p>间距太大不美观，
我想自己微调间距，该怎么做呢？
<html>
<body>
<table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td>1</td>
<td>2</td>
<tr>
<tr>
<td>11</td>
<td>22</td>
<tr>
</table>
<!-- 在这里调整间距 -->
<table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td>3</td>
<td>4</td>
<tr>
<tr>
<td>33</td>
<
html中两个表格间的距离调整有两种适合微调的办法：
1.设置第一个tbale的margin-bottom属性。例如：
<table width="100%" style="margin-bottom:100px">表示table表格底部保持100px间距。
2.设置第二个tbale的margin-top属性。例如：
<table width="100%" style="margin-top:100px">表示table表格顶部保持100px间距。
扩展知识
margin 属性可以单独改变元素（元素可以是表格或者DIV）的上，下，左，右边距。也可以一次改变所有的属性。
margin 属性单独使用时：