好吧,所以在Mozilla中,我的网站看起来像我想要的。但是,在Webkit浏览器中,h1和h2元素下移了约4px。这是怎么回事?

http://wbjah.com/stackoverflow.htm

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;
}

最佳答案

使用inline-block而不是float可能会更好,因为这样可以避免随意摆弄line-height


删除<br>之前的motto here
#headboxfloat: left;更改为display: inline-block;
line-height: 50px;删除h1
height: 50px;删除#header

关于html - Webkit与Mozilla的垂直对齐方式差异,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5656121/

10-12 12:55
查看更多