Css 动态添加边框会增加高度
我正在使用JS动态地向我的表行添加边框 这会导致表格略微向下跳转,因为边框会增加行的高度 我怎样才能防止这种情况Css 动态添加边框会增加高度,css,Css,我正在使用JS动态地向我的表行添加边框 这会导致表格略微向下跳转,因为边框会增加行的高度 我怎样才能防止这种情况 我尝试添加一个透明边框,然后用真实边框替换 这是可行的,但我正在寻找更好的解决方案,因此我尝试: box-sizing: border-box 这不起作用 最好的解决方案是什么?如果您不想使用透明边框(建议您使用,但不确定为什么不使用),您可以简单地给单元格填充与边框宽度相同的填充量,并在悬停时删除,例如 或者,如果您不能节省填充空间,并且您不需要支持IE8,您可以尝试修补box
我尝试添加一个透明边框,然后用真实边框替换 这是可行的,但我正在寻找更好的解决方案,因此我尝试:
box-sizing: border-box
这不起作用
最好的解决方案是什么?如果您不想使用透明边框(建议您使用,但不确定为什么不使用),您可以简单地给单元格填充与边框宽度相同的填充量,并在悬停时删除,例如
或者,如果您不能节省填充空间,并且您不需要支持IE8,您可以尝试修补
box shadow
td:hover {
box-shadow: inset 0px 0px 0px 3px #111;
}
“我尝试添加一个透明边框,然后用真实边框替换。”我不明白你为什么不直接使用这个。这是一个常见的解决方案。我经常遇到这个问题,在我看来,透明或背景色边框是最好的解决方案。
框大小
只有在设置了特定的高度时才能起作用…
td:hover {
box-shadow: inset 0px 0px 0px 3px #111;
}