当连接多个html表格时防止双边框-边框-折叠不起作用

Question

请帮助我防止在连接多个html表时出现双边框。我试着使用“边界崩溃:崩溃”，但它不起作用。两个表之间的静态边框是双倍的。

​

<table style="border:1px solid black;border-collapse:collapse;width:100%">
    	<tr>
    		<td rowspan="3">Heading-1</td>
    		<td>Heading-2</td>
    		<td>Heading-3</td>
    	</tr>
    	<tr>
    		<td>Heading-4</td>
    		<td>Heading-5</td>
    	</tr>
    	<tr>
    		<td>Heading-6</td>
    		<td>Heading-7</td>
    	</tr>
    </table>
    <table style="border:1px solid black;border-collapse:collapse;width:100%">
    	<tr>
    		<td rowspan="3">Heading-1</td>
    		<td>Heading-2</td>
    		<td>Heading-3</td>
    	</tr>
    	<tr>
    		<td>Heading-4</td>
    		<td>Heading-5</td>
    	</tr>
    	<tr>
    		<td>Heading-6</td>
    		<td>Heading-7</td>
    	</tr>
    </table>
<table style="border:1px solid black;border-collapse:collapse;width:100%">
	<tr>
		<td rowspan="3">Heading-1</td>
		<td>Heading-2</td>
		<td>Heading-3</td>
	</tr>
	<tr>
		<td>Heading-4</td>
		<td>Heading-5</td>
	</tr>
	<tr>
		<td>Heading-6</td>
		<td>Heading-7</td>
	</tr>
</table>

​

Answer 1

只需在table中添加margin-top: -1px;即可。

​

table {
  margin-top: -1px;
}

<table style="border:1px solid black;border-collapse:collapse;width:100%">
  <tr>
    <td rowspan="3">Heading-1</td>
    <td>Heading-2</td>
    <td>Heading-3</td>
  </tr>
  <tr>
    <td>Heading-4</td>
    <td>Heading-5</td>
  </tr>
  <tr>
    <td>Heading-6</td>
    <td>Heading-7</td>
  </tr>
</table>
<table style="border:1px solid black;border-collapse:collapse;width:100%">
  <tr>
    <td rowspan="3">Heading-1</td>
    <td>Heading-2</td>
    <td>Heading-3</td>
  </tr>
  <tr>
    <td>Heading-4</td>
    <td>Heading-5</td>
  </tr>
  <tr>
    <td>Heading-6</td>
    <td>Heading-7</td>
  </tr>
</table>
<table style="border:1px solid black;border-collapse:collapse;width:100%">
  <tr>
    <td rowspan="3">Heading-1</td>
    <td>Heading-2</td>
    <td>Heading-3</td>
  </tr>
  <tr>
    <td>Heading-4</td>
    <td>Heading-5</td>
  </tr>
  <tr>
    <td>Heading-6</td>
    <td>Heading-7</td>
  </tr>
</table>

​