Html 删除h3顶部和底部的空白_Html_Css_Removing Whitespace

Html 删除h3顶部和底部的空白

html css

Html 删除h3顶部和底部的空白,html,css,removing-whitespace,Html,Css,Removing Whitespace,h3，顶部和底部有空白我的h3周围有一些空白。为了将其与一些图片对齐，我想删除h3顶部和底部的空白。边距为0，但文本的顶部和底部之间仍有空格。我如何解决这个问题这是我的代码： <html> <head> </head> <body> <h3>title</h3> </body> </html> 标题您对什么是空白感到困惑。这是文本的整行高度，它解释了文本上下可能出现的字符，如重

h3，顶部和底部有空白

我的h3周围有一些空白。为了将其与一些图片对齐，我想删除h3顶部和底部的空白。边距为0，但文本的顶部和底部之间仍有空格。我如何解决这个问题

这是我的代码：

<html>
 <head>
 </head>
 <body>
  <h3>title</h3>
 </body>
</html>


标题

您对什么是空白感到困惑。这是文本的整行高度，它解释了文本上下可能出现的字符，如重音符号和悬垂字母。如果要压缩此空白（不推荐），请将行高度设置为小于默认值的值，如

line-height: 0.8em;

移除容器元素的填充（在您的示例中为

标记）：

只需删除浏览器默认的
边距
和
填充
应用Css顶部即可

演示：


*{
边际：0px；
填充：0px；
}
h3{
边际上限：0px；
}


标题

如前所述，如果没有完整的CSS代码，很难再现您的情况

但是，快速测试后，我得到了一个没有任何空格的

h3

：

<html>
 <head>
 </head>
 <body style="padding: 0;">    
  <h3 style="margin: 0; padding: 0;">test</h3>
 </body>
</html>


测试

body

和

h3

元素的默认边距/填充可能取决于浏览器。希望这对您有所帮助。

欢迎来到StackOverflow！为了让我们帮助您使用CSS，除了HTML之外，您还需要提供现有的CSS；没有它，我们无法重现你的问题。请更新您的问题，使其显示您的CSS以及，从而形成一个新的问题。有关更多信息，请参阅帮助文章，并选择：）我理解，当标题为HËLLÔ时，h3将使用全部空间。非常感谢你！是的！但是当我改变行高时，我还不能在最高的字母上留空白。@AndyRay如何帮助其他人找到答案，以及为特定用户提供的解决方案？？动态地，您也知道浏览器默认css会发生这种情况。我说得对吗！！不，这不是“RïshïKïshKümar”，但在所有评论中，这是“最佳”解决方案。@Martijn。。检查我的答案。。。并设置

*{margin:0；padding:0；}h3{margin top:0px；}

在对齐的顶部和最高字母的顶部之间仍有一些空间。您可以在选择文本时看到它。很抱歉，这不是解决方案。它的边距为零，因此如何以及在何处看到空间。。真不敢相信。。好的，听着，去谷歌一下。。如何删除浏览器默认css！！所以你可以很容易地理解发生了什么。。。如果你认为行高：0.8是解决方案，那就试试吧。对不起。。但我不认为这是对的。。当你在不同的浏览器中运行相同的代码时，你就会得到真正的不同。。之间祝你好运。。很乐意帮忙。。我没有任何问题！！非常感谢。

<style>

* {
  margin: 0;
  padding: 0;
}

</style>

<style>

  *{
        margin: 0px;
        padding: 0px;
    }

h3 {
        margin-top: 0px;
    }

</style>

<html>
 <head>
 </head>
 <body style="padding: 0;">    
  <h3 style="margin: 0; padding: 0;">test</h3>
 </body>
</html>