html - Twitter Bootstrap 3 中导航栏内的元素如何垂直居中？

Question

我正在查看 Twitter Bootstrap 中的导航栏元素，以了解它们如何垂直居中导航栏中的元素，因为这是我一直在努力解决的问题。

我总是不得不求助于我被告知不好的“随机”边距/填充值，因为它们是仅在特定上下文中有效的神奇数字。

令人惊讶的是，我无法发现任何真正垂直居中元素的东西——没有line-height诡计或任何真正的东西，没有display: table-cell。
这个.navbar-brand类有一个line-heightof 20px（就像里面的链接.navbar-nav）和一个paddingof 15px，但是它是如何以什么为中心的呢？他们是怎么做到的？

在这里可以看到导航栏的代码：http: //getbootstrap.com/components/#navbar

Answer 1

导航栏使用顶部和底部填充使文本垂直居中：

padding-top: 15px;
padding-bottom: 15px;

Answer 2

它们不会垂直居中文本。

我通过在 Chrome 中使用 inspect:element 向导航栏元素添加文本来测试这一点。然后我以同样的方式强制宽度。文本换行到下一行。所有行都在顶部排列，而不是居中。