min-height:当设置为display:table时,在Firefox中忽略100%

时间:2014-06-05 19:03:52

标签: html css firefox

请参阅此jsfiddle:http://jsfiddle.net/G6vEp/1/

当div设置为min-height时,

display: table被完全忽略。似乎这是最新的Firefox更新中的一个错误,因为在我更新浏览器之前这个工作正常。垂直居中的任何其他解决方案,同时仍保持min-height

1 个答案:

答案 0 :(得分:4)

根据CSS规范,min-height不适用于表格列。

请参阅:http://www.w3.org/TR/CSS2/visudet.html#min-max-heights

但是,height值实际上被视为最小高度值。

请参阅:http://www.w3.org/TR/CSS21/tables.html#height-layout

在您的布局中,只需使用具有合适最小值的height,您就可以了。如果表格单元格内容足够长,表格的高度将展开以显示内容。