html - 用 border-collapse 改变表格的宽度 : collapse

Question

在这种情况下，我完全感到困惑。当我使用 border-collapse: collapse; 从 1px (#1) 到 大 值 (#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

黑客解决方案是强制重绘元素:

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