最小高度和表格单元格

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中，单元格框的高度是内容所需的最小高度。表格单元格的“高度”属性可以影响行的高度（请参见上文），但不会增加单元格框的高度。