防止嵌套表上的重复边框（边框折叠不起作用）答案

【问题标题】：Prevent Duplicate Borders on Nested Table (border-collapse not working)防止嵌套表上的重复边框（边框折叠不起作用）
【发布时间】：2010-12-07 13:16:18
【问题描述】：

我一直在网上搜索有关边框折叠的信息。而且它似乎并没有真正折叠嵌套表的边框。我写了一个示例 HTML，它似乎忽略了边框崩溃。

我在这里找到了一个相关的问题，但似乎没有解决。 link text

<html>
<head>
</head>
<body>
  <p>dsafhidsljfalkdsjfklsdajfkjsdakl jdsfjasdklfasdkljfkl</p>
  <table style="border: solid 1px #000000; border-collapse: collapse;" cellpadding="0" cellspacing="0">
    <tr>
      <td>
        <table style="border: solid 1px #000000; border-collapse: collapse;" cellpadding="0" cellspacing="0">
          <tr>
            <td>
              A
            </td>
            <td>
              <input type="text" />
            </td>
          </tr>
          <tr>
            <td>
              B
            </td>
            <td>
              <input type="text" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>

补充信息（基于 somacore 和 moo 的评论）：我已经在内部表中使用了“border：none”来解决这个问题。但在某些设计中，它不仅仅是一个嵌套表。对于复杂的网页，它需要多达 3 到 4 个嵌套表级别来设计 GUI。在这些嵌套表格中，并非所有单元格都使用边框。我刚刚使用了一个简单的例子来解决这个问题。

还有其他解决方案可以手动选择将相邻边框合并为一个吗？

【问题讨论】：

标签： css nested html-table border

【解决方案1】：

border-collapse 作用于表格中的 td 和 tr 元素。

就像 somacore 所说...为什么不关闭第二张桌子上的边框？（或者为什么不使用真正的标记？）

【讨论】：