Twitter Bootstrap の navbar 要素を調べて、navbar 内の要素を垂直方向に中央揃えにする方法を確認していました。これは、常に苦労しているためです。
私は常に「ランダムな」マージン/パディング値に頼らなければなりませんが、それらは特定のコンテキストでのみ機能する魔法の数字であるため、良くないと言われてしまいました。
驚いたことに、要素を実際に垂直方向に中央揃えするものは何も発見できませんline-height
でしdisplay: table-cell
た。クラスにはof ( 内のリンクのような
)とofがありますが、それはどのように何かを中心にしていますか? 彼らはどのようにそれをしますか? .navbar-brand
line-height
20px
.navbar-nav
padding
15px
ここで navbar のコードを見ることができます: http://getbootstrap.com/components/#navbar