防止嵌套表上的重复边框(边框折叠不起作用)

时间:2009-10-17 00:38:12

标签: css nested html-table border

我一直在寻找有关边境崩溃的网络。它似乎并没有真正崩溃嵌套表上的边框。我写了一个示例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。在这些嵌套表中,并非所有单元格都使用边框。我刚刚用一个简单的例子来解决这个问题。

是否还有其他解决方案可以手动将相邻边界合并为一个?

1 个答案:

答案 0 :(得分:1)

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

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