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

Question

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

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

令人惊讶的是，我没能发现任何实际上垂直居中元素的东西——没有 line-height 欺骗或任何东西，没有 display: table-cell。
.navbar-brand 类的 line-height 为 20px(就像 .navbar-nav 中的链接一样) 和 15px 的 padding，但是它如何居中呢？他们是怎么做到的？

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

Answer 1

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

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