gpt4 book ai didi

html - 标题和 Canvas 之间的空间

转载 作者:太空宇宙 更新时间:2023-11-04 09:15:42 24 4
gpt4 key购买 nike

我写了下面的代码

.bluecolor{background-color : skyblue;}
canvas{width: 100pt;margin:0px;border: 5px solid;}
h1{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
 
<html>
<head>
<title>Hello World</title>
</head>
<body>
<h1>Hello</h1>
<canvas id = "canvas1" class = "bluecolor"></canvas>
</body>
</html>

为什么 Hello 和 Canvas 之间还有空间,当我已经为每个元素设置了每个填充和边距为零时?我对这件事感到困惑。

我已经了解了内联元素和 block 元素,我使用了它们但无济于事,当我将它们设为 block 时,它们删除了两个 Canvas 元素之间的空间,但我不知道它们是如何工作的?

如果您在这个问题中发现任何错误,请发表评论,我会更正它,我仍在学习这个网站的方法。

更新正如人们指出的那样,它是 line height ,你能否在你的答案中包含示例并解释它的含义?

最佳答案

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

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

行高:50%;

或者您可以寻找另一种字体。 (只有大写字母)

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

关于html - 标题和 Canvas 之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41794339/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com