如何删除 h1 上方的空格？答案

【问题标题】：How do I remove blank space above h1?如何删除 h1 上方的空格？
【发布时间】：2018-09-01 14:51:42
【问题描述】：

我正忙于在投资组合网站上工作，但遇到了一个奇怪的问题。我的所有标题上方都有一些空白区域，并且底部标题之外还有部分文本浮动。

我已经尝试过移除边距/填充、更改字体、更改行高和更改字体大小。

虽然我感觉答案一定很简单，但我自己却找不到答案。

【问题讨论】：

【解决方案1】：

检查您的网站 (http://dev-environment.nl/) 后，我注意到边距设置为 h1。删除此边距。

为您的 css 设置以下值。

h1 {
    margin: 0px;
   -webkit-margin-before: 0px;
   -webkit-margin-after: 0px;
}

【讨论】：

【解决方案2】：

检查您的网站后，我认为是您的容器类具有以下 css（容器类 div 中有每个 h1）：

main container{        
padding-left: 20px;
        padding-right: 20px;
        padding-top: 60px;
        padding-bottom: 60px;
}

尝试更改这些值。

【讨论】：

【解决方案3】：

请加h1 {line-height: 1.2rem;}
并根据您的需要添加开玩笑

【讨论】：