为什么此文字不会在Chrome中垂直居中？

Question

我有这个HTML：

<div>1</div>

和这个CSS：

div {
  background-color: white;
  display:inline-block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  font-size: 9px;
  font-family: Arial;
}

div内的文字在Chrome中不是垂直居中（它在右侧位置上方1个像素）。只有在文字较小时才会出现问题。

Answer 1

从视觉上看，它似乎是非中心的：

然而，那就是你只考虑上升者。如果你包含一个带有下行器的角色，比如g，那么为什么Chrome会这样定位会更有意义：