Chrome中的表格单元格高度错误

Question

我制作了一张CSS表，里面有一张CSS表。当我在内部使用vertical-align时，当我调整它时，它不能正确渲染（使其变小，然后变大）。它仍然是最高点的高度

查看此codepen并调整窗口大小。让它真的很小。等待1-2秒。然后使窗口变大。请注意，表格单元格的高度不会再返回。

讨厌！有人知道修复吗？

http://codepen.io/iamrane/pen/hklxj

这是全屏：http://cdpn.io/hklxj

Answer 1

我在Chrome错误列表中发现了一个错误： https://code.google.com/p/chromium/issues/detail?id=241331&q=vertical-align&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

Answer 2

非常讨厌！

如果你急于让这个工作，你可以强制Chrome重绘元素（在窗口调整大小，也许？）：

var elem = document.getElementsByClassName("table-list")[0];

elem.style.display = "none";

elem.style.display = "table";