爲什麼我在Firefox的這個表格單元中看到虛假的邊框？

當我在Firefox 55（Windows）中查看以下內容時，爲什麼我在XXX中看到紅色通過？爲什麼我在Firefox的這個表格單元中看到虛假的邊框？

<html> 
 
\t <head> 
 
\t \t <style type="text/css"> 
 
\t \t \t table { border-collapse: collapse; } 
 
\t \t \t .n { border-top: 1px solid red; } 
 
\t \t </style> 
 
\t </head> 
 
\t <body> 
 
\t \t <table> 
 
\t \t \t <thead> 
 
\t \t \t \t <tr><th>000</th><th>111</th></tr> 
 
\t \t \t </thead> 
 
\t \t \t <tbody> 
 
\t \t \t \t <tr><td>AAA</td><td rowspan="2">BBB</td></tr> 
 
\t \t \t \t <tr><td class="n">CCC</td></tr> 
 
\t \t \t \t <tr><td>DDD</td><td rowspan="2">XXX</td></tr> 
 
\t \t \t \t <tr><td class="n">FFF</td></tr> 
 
\t \t \t \t <tr><td>GGG</td><td>HHH</td></tr> 
 
\t \t \t </tbody> 
 
\t \t </table> 
 
\t </body> 
 
</html>

來源

2017-09-24 Mehrdad

沒有通過代碼片段，怪異的罷工。 – Rab

@Rab：是的，我只在Firefox上看到它。（我假設你不在FF上。） – Mehrdad

我不使用Firefox，所以不能測試出來對不起 – Rab

這是在Firefox中已知的bug，請訪問https://bug98304.bugzilla.mozilla.org/show_bug.cgi?id=608531在年底更多信息

額外TR引起此問題。

嘗試刪除最後

<tr></tr>

來源

2017-09-24 07:58:29

是的但如果我想要一個實際的行呢？ – Mehrdad

然後在那裏放一些** td **。 –

是的，這並沒有解決我看到的問題。 – Mehrdad

它是（Firefox）的問題。嘗試將邊框合攏屬性值從摺疊更改爲繼承;

<html> 
    <head> 
    <style type="text/css"> 
     table { border-collapse: inherit; } 
     .n { border-top: 1px solid red; } 

    </style> 
</head> 
<body> 
    <table> 
     <thead> 
      <tr><th>000</th><th>111</th></tr> 
     </thead> 
     <tbody> 


      <tr><td>AAA</td><td rowspan="2">BBB</td></tr> 
      <tr><td class="n">CCC</td></tr> 

      <tr><td>DDD</td><td rowspan="2">XXX</td></tr> 
       <tr><td class="n">FFF</td></tr> 
      <tr><td>GGG</td><td>HHH</td></tr> 
     </tbody> 
    </table> 
</body>

來源

2017-09-24 09:02:04

但'繼承'弄亂間距。我不想那個間距。 – Mehrdad

這是（火狐）問題。 –

把這個放在你的答案中？這是回答問題的部分。 – Mehrdad

爲什麼我在Firefox的這個​​表格單元中看到虛假的邊框？

回答

相關問題

爲什麼我在Firefox的這個表格單元中看到虛假的邊框？