我不确定导致line-height
在每个浏览器中显示不同的原因。
任何人都可以给我一个如何解决它的提示吗?
body {
font-family: "Tahoma", sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
line-height: 1.428571429;
width: 100%;
height: 100%;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
}
h1 {
font-size: 2em;
}

<h1 style="text-align:center">
<span style="font-size:18px">This is a textbox</span>
</h1>
&#13;
答案 0 :(得分:4)
这是因为您的h1
元素正在使用浏览器默认的font-size
本身,而您没有考虑到这一点。例如,在Chrome中,h1
元素的默认font-size
为2em
- 大于18px
元素上的span
。如果默认情况下h1
元素的font-size
小于而不是18px
,则h1
元素的总高度将为25px
。
为避免这种情况,我们可以将h1
元素的font-size
设置为initial
:
h1 {
font-size: initial;
}