如何从html中的标题标签中删除填充?

时间:2015-12-07 16:56:27

标签: html css padding html-heading

我正在尝试从<h1><h2>标记中删除顶部和底部填充。但是,正如我发现h1h2标签具有固有的填充。我尝试使用CSS:

 h1,h2 { 
      padding: 0px; 
 } 

然而,这并没有解决问题。那么如何从标题中删除填充?

2 个答案:

答案 0 :(得分:4)

标题标记周围的间距实际上由边距控制,而不是填充。所以你想要删除它。但是,您仍然可以将填充设置为0px,以防其他选择器实际将其设置为非零值

h1,h2 {
    padding: 0px;
    margin: 0px;
}

这是codepen,显示了它的实际效果。

答案 1 :(得分:0)

jdsfighter的回答是正确的。

但也尝试使用规范化或重置样式表。它们会将使用自动填充/边距/等构建的常见元素归零。

规范化:https://necolas.github.io/normalize.css/ 重置:http://cssreset.com/