css - 为什么 Firefox 会以不同于 Safari 或 Chrome 的方式处理 CSS 填充？

Question

我有一个小 div，里面有一个数字。Firefox 以不同于 Safari 或 Chrome 的方式显示它。

这是 Safari 显示的内容:

这是 Firefox 显示的内容:

CSS 是这样的:

background: red; 
height: 20px;   
width: 20px; 
float: left; 
margin: 7px; 
padding-top: 0px; 
color: white; 
text-align: center;

为什么会这样？我能做些什么来防止它？

非常感谢。

Answer 1

明确设置行高和文本本身的边距。