html - 如何防止 <H1> 占据比他们需要的更高的高度

Question

有可能 <h1>标签只使用字体需要的高度？

如果您查看上面的 fiddle 示例，您会看到顶部和底部有空格，我认为是 4px。我需要删除它。

CSS:

.tmp {background-color: green;}

HTML:

<h1 class="tmp">Hello World</h1>

http://jsfiddle.net/dx25tzru/

Answer 1

只需将 h1 的行高设置为其字体大小即可:

h1 {
  font-size: 28px;
  line-height: 28px;
}