此问题在此处已有答案:
Align inline-block DIVs to top of container element(5个答案)
Why is this inline-block element pushed downward?(8个回答)
10天前关门了。
社区在10天前审查了是否重新打开这个问题,并将其关闭:
原始关闭原因未解决
为什么div
内部的canvas
有垂直偏移量?Web检查器不显示div
和canvas
的任何边距或填充。
.outer {
height: 100px;
width: 200px;
border: 1px solid;
}
.inner {
background: coral;
width: 40px;
height: 10px;
}
个字符
的数据
1条答案
按热度按时间628mspwn1#
我发现设置
line-height: 0;
或display: block;
可以删除偏移。如果内部元素也是
div
,则不会有偏移量,因为display: block;
是div
(https://www.w3schools.com/cssref/css_default_values.php)的默认值。canvas
的默认值似乎是display:inline
。当画布高度大于行高时,偏移也会消失。