我对DIV-Table
有一种奇怪的行为这里有一个jsFiddle和我的简化示例。 CSS的相关部分如下：
。细胞 { 显示：table-cell; 宽度：35px; 高度：12px的; 字体大小：1px的; 溢出：隐藏; 行高：1em的; }
实际上，font-size设置为1px。
在 Firefox 中，如果我增加字体大小（例如使用检查器），直到13px，单元格＆＃39;高度减少而不是增加。超过这个门槛，细胞＆＃39;高度开始增加以容纳测试字符串。 height属性似乎完全被忽略了。
在Chrome中，beahaviour几乎是一个所需（增加font-size会导致连续的单元格高度增加）但同样，height属性似乎完全被忽略。
如果我没有设置display: table-cell;，font-size的增加不会影响DIV＆＃39;由于overflow:hidden，隐藏了高度和最终太大的文字。
更新
我只是discovered强迫vertical-align使Firefox的行为与Chrome一样（单元格的高度保持不变，直到文本适合其中）。我不知道为什么，但似乎必须强制使用Firefox。
无论如何，还有其他需求：如何避免font-size超过13px会导致忽略单元格height，并自动调整它？