2009-10-17 62 views
4

我一直在搜索關於邊框塌陷的網絡。它似乎並沒有真正摺疊嵌套表上的邊界。我寫了一個示例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的評論): 我已經使用的「邊界:無」內部表來解決這個問題。但在某些設計中,它不僅僅是一個嵌套表格。對於複雜的網頁,它最多需要3到4個嵌套表級別來設計GUI。並且在這些嵌套表格中,並非所有單元格都使用邊框。我剛剛使用了一個簡單的例子來解決這個問題。

是否有任何其他解決方案可以手動合併相鄰邊界到一個?

回答

1

border-collapse對錶格中的td和tr元素起作用。

而像somacore陳述...爲什麼不關閉第二張桌子上的邊界? (或爲什麼不使用真正的標記?)