Question

HTML：

<h2>Hello world</h2>

CSS

h2{
    padding: 0px;
    margin: 0px;
    font-size: 100px;
    background-color: #f00;
}

http://jsfiddle.net/Mekaron/w50mz2n3/

页边距和填充设置为0.为什么文本不适合边框？使用javascript是一个选项，但我不知道从哪里开始。有什么想法吗？

Answer 1

您可能希望将h2设为内联元素。将display: inline;添加到您的CSS。

JSFiddle

Answer 2

使用l line-height属性。

.css{
 line-height: 80%;
}

Answer 3

您可以通过添加display: inline来完成此操作。如果你使用一个类会更好，你可以在下面的代码片段中看到：

＆＃13;

h2{
  display:inline;
  padding: 0px;
  margin: 0px;
  font-size: 100px;
  background-color: #f00;
}

h2.simpleHeader {
  display: inline;
  padding: 0px;
  margin: 0px;
  font-size: 100px;
  background-color: #f00;
}

＆＃13;

<h2>Hello world</h2>
<br />
<h2 class="simpleHeader">Hello world-class</h2>

＆＃13;

Answer 4

h2{
    padding: 0px;
    margin: 0px;
    font-size: 100px;
    background-color: #f00;
    display: inline;
}

Answer 5

尝试添加

display: block;

您也可以尝试使用所有边距：

margin: 20px 0 0 0;

如何摆脱h2标签周围的这个空白？

5 个答案: