删除h3中顶部和底部的空白答案

【问题标题】：Remove white space at the top and the bottom in h3删除h3中顶部和底部的空白
【发布时间】：2017-12-08 09:21:50
【问题描述】：

h3 顶部和底部有空格

我的 h3 周围有一些空白区域。为了将它与某些图片对齐，我想删除 h3 顶部和底部的空白。边距为 0，但文本的顶部和底部之间仍有空间。我该如何解决？

这是我的代码：

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

【问题讨论】：

欢迎来到 StackOverflow！为了让我们在 CSS 方面为您提供帮助，除了 HTML 之外，您还需要提供现有的 CSS；没有它，我们无法重现您的问题。请更新您的问题，以便它也显示您的 CSS，从而形成minimal, complete, and verifiable example。如需更多信息，请参阅有关how to ask good questions 的帮助文章，并采取tour of the site :)

【解决方案1】：

您对空白是什么感到困惑。它是文本的整行高度，它考虑了文本字符上方和下方的潜在可能性，例如重音符号和悬空字母。如果您想压缩此空白（不推荐），请将行高设置为小于默认值，例如

line-height: 0.8em;

【讨论】：

我明白，当标题是 HËLLÔ 时，h3 会使用完整的空间。非常感谢！
我做到了！但是当我改变行高时，我还不能在最高的字母上留出边距。
@AndyRay 如何帮助他人找到特定用户的解决方案.. ??动态地，您也知道浏览器默认 css 会发生这种情况。我说得对吗！
不，这不是@RïshïKêshKümar，但在所有 cmets 中，这是“最佳”解决方案。
@Martijn .. Check My Ans ... 并设置<style> * { margin: 0; padding: 0; } h3 { margin-top: 0px; } </style>

【解决方案2】：

删除容器元素的填充（在您的示例中，<body> 标记）：

body { padding: 0 }

【讨论】：

【解决方案3】：

只需删除浏览器默认 Margin 和 Padding 应用顶部的 Css。

<style>

* {
  margin: 0;
  padding: 0;
}

</style>

注意：

或 [Use In Your Case]

<style>

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

h3 {
        margin-top: 0px;
    }

</style>

演示：

<style>

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

h3 {
        margin-top: 0px;
    }

</style>

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

【讨论】：

在对齐的顶部和最高字母的顶部之间仍有一些空间。选择文本时可以看到它。抱歉，但这不是解决方案。
它的边距为零，所以你看到空间的方式和位置.. 我不敢相信.. okzz 听着去谷歌搜索.. 如何删除浏览器默认 css ！！所以你可以很容易地理解发生了什么......如果你认为line-height:0.8 is solution然后去吧..
抱歉 .. 但我不认为这是正确的 ans .. bcoz 当您在不同的_不同浏览器中运行相同的代码时，您会得到真正的区别.. .. 祝你好运..乐于助人..我没有任何问题！谢谢

【解决方案4】：

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

但是，对此的快速测试给了我一个h3 没有任何空格：

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

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

【讨论】：