如何防止<h1>占用高于他们需要的高度</h1>

时间:2015-04-17 20:11:41

标签: html css twitter-bootstrap-3

<h1>代码可能只使用字体所需的高度吗?

如果你看一下上面的小提琴例子,你会看到顶部和底部的空格,我认为4px。我需要删除它。

的CSS:

.tmp {background-color: green;}

HTML:

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

http://jsfiddle.net/dx25tzru/

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

试试这个

line-height:20;

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

答案 2 :(得分:1)

用css你可以做到:

line-height:24px;