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

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

显式设置文本本身的行高和边距。