使用border-collapse更改表格的宽度：折叠

Question

我对这种情况感到困惑。当我使用border-collapse: collapse;从1px（＃1 ）更改表格的 border-width （使用JavaScript或在Chrome开发工具中动态更改）到时大值（＃2 ）并回到1px（＃3 ），我会遇到视觉缺陷。 ＃1 和＃3 相同，但外观不同。为什么会这样？

HTML：

<table style="border-collapse: collapse; width: 1px #ddd solid;">
    <tbody>
        <tr>
            <td>
                <a href="javascript:void(0);">Crazy Button</a>
            </td>
        </tr>
    </tbody>
</table>

Working demo here

Answer 1

Hack-solution强制重绘项目：

item.style.display = 'none';
item.offsetHeight; 
item.style.display = 'table';