Firefox呈現表格不正確，多行跨度和colspan

-1

以下代碼適用於Chrome和IE，但不適用於Firefox。Firefox呈現表格不正確，多行跨度和colspan

的table是動態生成和tr/td不能從下面的例子中

.widget-table-container, 
 
tr td { 
 
    border: 1px solid red; 
 
} 
 
.widget { 
 
    border: 1px solid green; 
 
    margin: 0px; 
 
    padding: 0px; 
 
    background-color: #ffffff; 
 
    border-radius: 5px; 
 
    overflow: hidden; 
 
    height: 100%; 
 
    width: 100%; 
 
    left: 1px; 
 
    top: 1px; 
 
    bottom: 0px; 
 
    right: 0px; 
 
}

<table class="widget-table-container"> 
 
    <tbody> 
 
    <tr> 
 
     <td colspan="2" rowspan="2" style="width: 378px; height: 378px;"> 
 
     <div class="widget" style="width: 371px; height: 371px; background-color:lightblue;"> 
 
      <div class="widget-title"> 
 
      <p>Title</p> 
 
      </div> 
 
      <div class="widget-body"></div> 
 
     </div> 
 
     </td> 
 
     <td colspan="8" rowspan="4" style="width: 1512px; height: 756px;"> 
 
     <div class="widget" style="width: 1493px; height: 745px;"> 
 
      <div class="widget-title">Title CPU</p> 
 
      </div> 
 
      <div class="widget-body">BODY</div> 
 
     </div> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
    </tr> 
 
    <tr> 
 
     <td colspan="2" rowspan="2" style="width: 378px; height: 378px;"> 
 
     <div class="widget" style="width: 371px; height: 371px;"> 
 
      <div class="widget-title"> 
 
      <p>Some Title</p> 
 
      </div> 
 
      <div class="widget-body"></div> 
 
     </div> 
 
     </td> 
 
    </tr> 
 
    <tr></tr> 
 
    </tbody> 
 
</table>

來源

2016-10-31 Mastahh

你是說你不能刪除'colspan' /'rowspan'屬性嗎？ – LGSon

嗨，是的，我需要它們進行寬度和高度計算，因爲這些小部件可以由用戶調整大小，我需要知道小部件需要多少單元。 – Mastahh

我已刪除最後一個空除去，它看起來像固定的問題。我不知道爲什麼只刪除最後tr固定問題並非所有tr。但我的情況下，它工作，謝謝所有人的幫助。

來源

2016-11-01 11:04:43 Mastahh

Firefox呈現表格不正確，多行跨度和colspan

回答

相關問題