所以在this simple example 我得到了最终结果：
这是一个非常简单的问题，但我根本无法理解。
为了实现我使用的数字的垂直居中：
line-height:100px;
效果很好，并且一直在反复试验。
我的问题特别是为什么line-height:50px; 只是在一半的情况下得到。
如果small div 的高度为100px 并且我相对于它进行定位，那么它的一半不应该以一半为中心。
这让我特别困惑，when I center a div:
我会使用：margin:50px 0 0 50px; 来得到这个：
我意识到这个问题可能有点矫枉过正，因为答案可能是（可能非常简单），非常抱歉！但我想最好是“为什么这不起作用”的问题；）
提前致谢！！
【问题讨论】：
标签： html css alignment vertical-alignment
好的，我很确定我现在明白了，我会回答我自己的问题，感谢您的所有回答，这将是一个更加形象化的解释（这总是对我有帮助）：
这只是对jarret's answer（恕我直言）的补充
感谢所有有用的答案
顺便说一句：对于可怕的艺术作品感到抱歉。
【讨论】：
已经回答了，但我想我可以补充一下，公式通常是：
line-height 和 font-size 之间的差异称为Leading。 然后将此行距除以 2 得到半行距，将其放在文本的上方和下方，使其垂直居中。
下面的set of slides会解释很多关于行高的内容。您可以从第 72 张幻灯片开始了解我上面解释的内容，但我建议您浏览整个幻灯片。
【讨论】：
本质上，行高有助于设置“领先”和“半领先”。 100px 占元素的总高度，文本在该区域内“垂直对齐”。一半在上面，一半在下面。
这比我解释得更好。 http://www.w3.org/TR/CSS2/visudet.html#line-height
【讨论】：
将 line-height 属性设置为 100px 意味着文本将垂直居中于高度为 100px 的行的中间。这意味着它将放置在 50px 左右。将边距设置为 50 像素会得到类似的结果，但您可能会注意到它并不完全居中。
【讨论】：
我认为line-height 就是听起来的样子。如果它只是高度的一半，情况会有所不同，因为您必须考虑font-size 等。line-height 只是制作一个高度为100px 的块状物体，在您的情况下，并居中里面的文字。
基本上，line-height 将值 ((desired height) - (font-size)) / 2 添加到文本的顶部和底部，而添加边距并不考虑这一点。
【讨论】：
当您为元素提供 100% 的行高（在您的示例中，这等于 100 像素）时，文本将放置在 100 像素高的行的垂直中间。
【讨论】：
简单的答案是，使用 line-height 字符将位于行的垂直中间，因此高度为 100px 的行的文本位于中间，因此为 50px。
【讨论】：
这不起作用，因为 line-height 特定于文本，而不是 div 等元素的实际高度。当您的主题实际上不是文本时，我建议使用高度而不是行高。
【讨论】：