最小高度的表格，不影响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中的网址和网址。

回答

相关问题