CSS - 行高属性，它是如何工作的（简单）

So in 这个简单的例子我的最终结果是：

这是一个非常简单的问题，但我就是无法理解它。

为了实现我使用的数字的垂直居中：

line-height:100px;

效果很好，并且一直在反复试验的基础上进行。

我的问题具体是为什么line-height:50px;只完成了一半。

If the small div高度为100px我相对于它的定位，它的一半不应该将其居中到一半吗？

这让我特别困惑，因为当我将 div 居中时:

我会用：margin:50px 0 0 50px;得到这个：

我意识到这个问题可能有点矫枉过正，因为答案可能是（可能会非常简单），所以抱歉！但我想最好是“为什么这不起作用”的问题；）

提前致谢！！

简单的答案是，使用 line-height 时，字符将位于行的垂直中间，因此高度为 100px 的行的文本位于中间，即 50px。