最小高度和表格單元格

Question

我已經對此做了一點研究，但我只是想問問知道比我好多多少的人。

確實將高度設置爲表格單元格只能作爲最小高度？ 我知道這在Firefox中是正確的，但是其他瀏覽器會發生什麼？

Answer 1

簡答：是的。我試圖加載下面的代碼：

<table border="0" style="background-color: yellow;"> 
    <tr style="background-color: green;"> 
     <td>row 0 cell 0</td> 
     <td>row 0 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td height="50">row 1 cell 0</td> 
     <td>row 1 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td style="height: 50px;">row 2 cell 0</td> 
     <td>row 2 cell 1</td> 
    </tr> 
</table> 

兩者（高度和樣式）工作在相同的瀏覽器中我嘗試：

• Linux的
  • 谷歌chrome 19.0
  • 火狐13.0
  • Konqueror 4.8
• 級的Windows
  • 谷歌chrome 19.0
  • 火狐12.0和13.0
  • 的Internet Explorer 8
• 的Android 2.3.3

Answer 2

來自：http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height

在CSS 2.1 ，'最小高度'和'最大高度'對錶格的影響， nline表，表格單元格，表格行和行組未定義。

從：http://www.w3.org/TR/CSS21/tables.html#height-layout

一個「錶行」的高度元件的盒子時計算一次所述用戶代理的所有單元格的行中可用的：它是計算的最大行的的「高度「，該行中每個單元的計算」高度「以及單元所需的最小高度（MIN）。 「表格行」的「高度」值「auto」表示用於佈局的行高度是MIN。 MIN取決於單元格高度和單元格對齊方式（很像計算線框高度）。當使用百分比值指定高度時，CSS 2.1不定義如何計算表格單元格和表格行的高度。 CSS 2.1沒有定義行組的「高度」的含義。

在CSS 2.1中，單元格框的高度是內容所需的最小高度。表格單元格的「高度」屬性可以影響行的高度（請參見上文），但不會增加單元格框的高度。