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>