Question

浏览器兼容问题 html+css 关于ie7与ff浏览器 div高度兼容问题 高手帮帮忙

<style type="text/css">
.aaa
{
background-color:Black;
font-size:20px;
color:White;
width:100px;
height : 20px;
line-height : 20px;
overflow : hidden;
display:table;
padding-top : 10px;
}
</style>

<div class="aaa">
高手帮帮忙
</div>

代码如上：

ff与ie7 div里字与div顶部 之间的高度不一样 哎试了好多方法 都不成功
你确定行吗，回答问题之前请先测试一下自己的方法是否正确，难道就没人会吗

Answer 1

要一模一样得hack,不同的浏览器写不同的代码。
你要把两个图贴出来比个比才知道差别啊。
我ie8 ff2看上去没多大差别，用的是默认的宋体（雅黑字体没试过）。
可能我对精度的要求不是很高吧。

http://baike.baidu.com/view/1119452.htm?fr=ala0_1
http://www.w3cn.org/article/tips/2006/120.html

Answer 2

把高度和行高设成一样的再加上个垂直居中对齐就搞定了

Answer 3

line-height问题 ie6和ff之间对于line-height识别不同，要是非要写一样去参考下面的css hack

Answer 4

把高度去了只要行高；在把maringn改成padding

Answer 5

你没改height和line-height它能一样就怪了