css - 动态添加边框，增加高度

Question

我使用 JS 为表格行动态添加边框。

这会导致表格略微下跳，因为边框会增加行的高度。

我怎样才能避免这种情况？

我试过添加透明边框，然后用真实边框替换。

这行得通，但我一直在寻找更好的解决方案，所以我尝试了:

box-sizing: border-box

这没有用。

最好的解决方案是什么？

Answer 1

如果您不想使用透明边框(建议您使用它，不知道为什么不这样做)，您可以简单地为单元格填充与边框宽度相同的量，并在悬停时移除，例如

Demo Fiddle

td{
    padding:3px;
}
td:hover{
    border:3px solid;
    padding:0;
}