我有一个问题,其中100%
表格单元格中具有高度的图像或画布使该单元格增长。
这是整个页面:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<table><tr><td id=t style="width:50px;height:50px;background:green;">
<canvas id=c style="width:100%;height:100%;margin:0;padding:0"></canvas>
</td></tr></table>
<script>
console.log($('#t').height());
</script>
</body>
</html>
我希望50
在控制台中看到,但它会记录55
.
这个页面是我在 jsbin.com 上制作的小提琴的确切内容,它记录了预期的50
.
有人可以解释一下到底有什么区别,更重要的是,如何确保我的单元格不会像它那样增长,所以它的高度就像它的内容一样是 50 px,就像 jsbin 中的情况一样?