Html 表格 - 单元格中的表格答案

【问题标题】：Html table - Table in cellHtml 表格 - 单元格中的表格
【发布时间】：2016-09-13 21:07:12
【问题描述】：

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

我现在就给你我的 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 给出了这个：

但是，他想我的只有这个：

你能帮我删除这个空间吗，你可以从我的几张截图中看到吗？

【问题讨论】：

你试过cellspacing="0" 吗？
请提供一个工作示例（jsfiddle/sn-p）
我会试试这个@Dekel
你有没有试过给td一个类并在css中为它设置填充？
向内表添加一些 -ve 边距，例如 margin-bottom: -18px;

标签： html css html-table cell

【解决方案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>

【讨论】：

@AnthonyMN：你看我的屏幕了吗？我在单元格中有一张桌子。这个表，又有两个单元格。我想在第一个单元格之间“粘贴”最后两个单元格。如果你不明白，看看我的屏幕。