Html Webkit与Mozilla的垂直对齐差异

好的，在Mozilla中，我的网站看起来就像我想要的。然而，在webkit浏览器中，h1和h2元素下移了大约4倍。怎么回事

---

使用

内联块

而不是

浮点

，可能会更幸运，因为这样可以避免在

行高度

上乱动

删除此处

座右铭之前的

将流浆箱更改为浮动：左侧至

显示：内联块

删除

行高：50px来自
h1

删除

高度：50px来自
#标题

---

我看不出两者之间有什么区别。你使用的是什么版本的Chrome和Firefox？如果你使用的是FF4，那么我可以看到出现了一些问题。FF4目前看起来相当有问题。在FF3.6和Chrome中，我看起来是一样的。啊，是的。我使用FF4，我只是假设FF3和FF4渲染相同。对我来说，在FF中，Wbjah中的j只是勉强位于其下方边界的顶部。在webkit浏览器中，j的底部与边框重叠。同意，不要在布局中使用线条高度。将线条高度设置为正常或1（无单位），并使用边距/填充控制高度。否则，浏览器会有所不同。

h1 {
color: #739e39;
text-shadow: 0px 0px 5px #000;
font-size: 50px;
font-weight: bold;
margin: 0px;
line-height: 50px;
padding: 0px;
}

h1 a:hover{
color: #739e39;
text-shadow: 0px 0px 5px #739e39;
font-size: 50px;
font-weight: bold;
}

h2 {
color: #739e39;
text-shadow: 0px 0px 5px #000;
font-size: 40px;
font-weight: bold;
margin: 0px;
line-height: 40px;
padding: 0px;
}