Question

h3，顶部和底部有空格

我的h3周围有一些空白区域。要像我想要删除h3顶部和底部的空白区域那样对齐它。边距为0，但文本的顶部和底部之间仍有空格。我该如何解决这个问题？

这是我的代码：

async public void Colapse()
{
    var Timer = new Stopwatch();

    for (double i = Height; i >= 0; i--)
    {
        Height = i;

        Timer.Start();
        while(Timer.Elapsed.TotalMilliseconds < 1)
        {
        }
        Debug.WriteLine("-->" + Timer.Elapsed.TotalMilliseconds);
        Timer.Reset();
    }
}

Answer 1

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

body { padding: 0 }

Answer 2

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

<style>

* {
  margin: 0;
  padding: 0;
}

</style>

注：

在编写CSS之前尝试重置所有html elements。

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

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

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

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

可能是浏览器依赖于body和h3元素上的默认边距/填充。我希望这会对你有所帮助。

Answer 4

你对这个空白是什么感到困惑。它是文本的整行高度，它考虑了文本字符的上下文字，如重音符和悬空字母。如果你想要挤压这个空格（不推荐），请将行高设置为小于默认值的值，例如

line-height: 0.8em;

在h3中删除顶部和底部的空白区域

4 个答案: