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

Question

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

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

Css:

.tmp {background-color: green;}

HTML:

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

http://jsfiddle.net/dx25tzru/

Answer 1

用 css 你可以做 :

line-height:24px;

Answer 2

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

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

Answer 3

试试这个

line-height:20;

或根据您的要求更改行高。