最小高度的表格，不影響Firefox中的網址和網址。

我有一張表，我想設置一個min-height。
據我所知，min-height不適用於表格，事實上，您必須在表格上設置height。最小高度的表格，不影響Firefox中的網址和網址。

這沒什麼不同的是，當我設置上，有一個thead，tbody和tfoot表中的height，所有每一個排，每三個區間的高度設置爲的第三個事實只有Firefox的總高度，我不想要。
Chrome和IE（測試回IE8）都將thead和tfoot保持爲原始高度，並且僅延伸tbody。

我想thead和tfoot保持原來的高度，然後有tbody只伸展在Firefox中height的剩餘部分，以及（就像在Chrome和IE）。

有什麼辦法可以在Firefox中做到這一點？
謝謝。

編輯：

這是我想要的東西：

desired_layout

這裏就是我在Firefox中真正得到：

actual_layout

來源

2015-04-02 HartleySan

作爲一種解決方法，你可以將height值分配給th和/或td內thead和tfoot，請參閱下面的演示：

table { 
 
    height: 200px; 
 
    width: 100%; 
 
} 
 
thead { 
 
    background: crimson; 
 
} 
 
tbody { 
 
    background: orange; 
 
} 
 
tfoot { 
 
    background: green; 
 
} 
 
thead th, thead td, tfoot th, tfoot td { 
 
    height: 0; /*or any height*/ 
 
}

<table> 
 
    <thead> 
 
     <tr> 
 
      <th>Header content 1</th> 
 
      <th>Header content 2</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td>Body content 1</td> 
 
      <td>Body content 2</td> 
 
     </tr> 
 
    </tbody> 
 
    <tfoot> 
 
     <tr> 
 
      <td>Footer content 1</td> 
 
      <td>Footer content 2</td> 
 
     </tr> 
 
    </tfoot> 
 
</table>

來源

2015-04-02 17:58:38 Stickers

是的，（不情願地）我只是得出了相同的結論。我討厭爲表格的頁眉和頁腳中的「th」和「td」設置一個高度，但都是一樣的，它就是這樣，現在在所有瀏覽器中都很好看。令人討厭的是，我猜這些日子就是它在網絡上的方式。非常感謝。 – HartleySan 2015-04-02 18:03:12

@HartleySan：P th和td上的高度值實際上就像min-height一樣工作，對此應該沒有任何問題。 – Stickers 2015-04-02 18:09:51

這是一個很好的觀點。謝謝。 – HartleySan 2015-04-02 19:11:53

最小高度的表格，不影響Firefox中的網址和網址。

回答

相關問題