Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cocoa/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 动态添加边框会增加高度_Css - Fatal编程技术网

Css 动态添加边框会增加高度

Css 动态添加边框会增加高度,css,Css,我正在使用JS动态地向我的表行添加边框 这会导致表格略微向下跳转,因为边框会增加行的高度 我怎样才能防止这种情况 我尝试添加一个透明边框,然后用真实边框替换 这是可行的,但我正在寻找更好的解决方案,因此我尝试: box-sizing: border-box 这不起作用 最好的解决方案是什么?如果您不想使用透明边框(建议您使用,但不确定为什么不使用),您可以简单地给单元格填充与边框宽度相同的填充量,并在悬停时删除,例如 或者,如果您不能节省填充空间,并且您不需要支持IE8,您可以尝试修补box

我正在使用JS动态地向我的表行添加边框

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

我怎样才能防止这种情况


我尝试添加一个透明边框,然后用真实边框替换

这是可行的,但我正在寻找更好的解决方案,因此我尝试:

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;
}