css 为什么div中的canvas有垂直偏移?

7fyelxc5  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(66)

此问题在此处已有答案

Align inline-block DIVs to top of container element(5个答案)
Why is this inline-block element pushed downward?(8个回答)
10天前关门了。
社区在10天前审查了是否重新打开这个问题,并将其关闭:
原始关闭原因未解决
为什么div内部的canvas有垂直偏移量?Web检查器不显示divcanvas的任何边距或填充。

.outer {
  height: 100px;
  width: 200px;
  border: 1px solid;
}
.inner {
  background: coral;
  width: 40px;
  height: 10px;
}

个字符


的数据

628mspwn

628mspwn1#

我发现设置line-height: 0;display: block;可以删除偏移。
如果内部元素也是div,则不会有偏移量,因为display: block;divhttps://www.w3schools.com/cssref/css_default_values.php)的默认值。canvas的默认值似乎是display:inline
当画布高度大于行高时,偏移也会消失。

相关问题