删除 h3 中顶部和底部的白色 space

Question

h3 顶部和底部为白色 space

我的 h3 周围有一些白色 space。为了使它与某些图片对齐，我想删除 h3 顶部和底部的白色 space。 margin 为 0，但文本的顶部和底部之间仍然有 space。我该如何解决？

这是我的代码：

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

Answer 1

您对空格是什么感到困惑。它是文本的全行高，它考虑了文本字符上方和下方的潜在高度，例如重音符号和悬挂字母。如果你想压缩这个空白（不推荐），将行高设置为小于默认值的东西，比如

line-height: 0.8em;

Answer 2

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

body { padding: 0 }

Answer 3

Just Remove The Browser Default Margin and Padding Apply Top Of Your Css.

<style>

* {
  margin: 0;
  padding: 0;
}

</style>

NOTE:

或 [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>

Answer 4

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

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

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

body 和 h3 元素的默认 margins/paddings 可能取决于浏览器。希望对你有帮助。

Remove white space at the top and the bottom in h3