我正在看一下Twitter Bootstrap中的navbar元素，看看他们如何将元素垂直居中在导航栏中，因为这是我一直在努力的事情。
我总是要求助于'随机'边距/填充值，我被告知这些值并不好，因为它们只是在特定情况下才有效的幻数。
令人惊讶的是，我无法发现任何实际上垂直居中的元素 - 没有line-height诡计或任何真实的，没有display: table-cell。
.navbar-brand班级的line-height 20px（.navbar-nav内的链接）和padding的{{1}}，但该中心如何什么？他们是怎么做到的？
在这里，您可以看到导航栏的代码：http://getbootstrap.com/components/#navbar
答案 0 :(得分：1)
导航栏使用顶部和底部填充来垂直居中文本：
padding-top: 15px;
padding-bottom: 15px;
答案 1 :(得分：0)
它们不会垂直居中于文本。
我通过在Chrome中使用inspect：元素向navbar元素添加文本来测试这一点。然后我以同样的方式强迫宽度。文本包装到下一行。所有线条都排在顶部，而不是居中。