Html 表格 - 单元格中的表格

Question

我需要在这个单元格中执行此操作:

我现在给你我的 HTML :

<TH >Lieu Livraison<br /><br /><br />
                <TABLE border="1" style="width:100%" >
                <TR>
                    <TH style="width:31%; height:25px;">GPS
                    </TH>
                    <TH style="width:79%; height:25px;">Adresse
                    </TH>
                </TR>
            </TABLE>
        </TH>

我的 HTML 给出了这个:

但是，他想念我的只有这个:

你能帮我删除这个空间吗，请看我的几张截图？

Answer 1

尝试在您的 CSS 中使用表格折叠和表格边框，如下所示。我没有做宽度、高度和颜色，因为它是多余的。此外，我没有在表格中添加额外的表格，而是使用了 colspan。

table, th, td {
  border: solid;
  margin: 0;
  border-collapse: collapse;
}

<table>
<tr><th colspan="2">Main heading</th><tr>
  <tr><th>Other text</th><th>other Text</th></tr>
 <tr><td>Other text</td><td>other Text</td></tr> 
</table>