Question

我写了以下代码

＆＃13;

.bluecolor{background-color : skyblue;}
canvas{width: 100pt;margin:0px;border: 5px solid;}
h1{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

＆＃13;

 
<html>
<head>
<title>Hello World</title>  
</head>
<body>
<h1>Hello</h1>
<canvas id = "canvas1" class = "bluecolor"></canvas>     
</body>    
</html>

＆＃13;

为什么Hello和Canvas之间还有空格，当我已经为每个元素做了每个填充和边距为零？我对此事感到困惑。

我已经了解了内联和块元素，并且我使用它们但没有用，当我使它们阻塞时，它们删除了两个canvas元素之间的空间，但我不知道它们是如何工作的？

如果您在此问题中发现错误，请发表评论，我会更正，我仍在学习本网站的方式。

更新当人们指出它是行高时，你能在答案中加入例子并解释它的意思吗？

Answer 1

Hello和Canvas之间没有任何空格。它只是字体的行高。

https://css-tricks.com/almanac/properties/l/line-height/

line-height: 50%;

或者你可以寻找另一种字体。（只有大写）

字体解释：http://www.noupe.com/essentials/icons-fonts/a-crash-course-in-typography-the-basics-of-type.html

标题和画布之间的空间

1 个答案: