使導航欄垂直對齊固定在中間

我想讓導航欄垂直固定在右邊，並在中間的所有設備上顯示其導航欄。我創建了一個簡單但不完美的工作。我如何使導航固定在所有設備中間。現在它不適用於小屏幕。使導航欄垂直對齊固定在中間

<header class="header" id="nav"> 
    <ul class="nav nav-pills col-md-8 col-sm-12 col-xs-12" id="main-menu"> 
    <li class="active"> 
     <a href="#home"> 
      <h2>Home</h2> <i class="fa fa-circle"> </i> 
     </a> 
    </li> 
    <li class=""> 
     <a href="#about"> 
      <h2>About</h2> <i class="fa fa-circle"></i> 
     </a> 
    </li> 
</ul> 
</header>

這裏是鏈接nav
由於提前

來源

2016-03-05 Sword I

所以你的問題到底是什麼？ – amallard

我需要在所有設備中的導航。 –

你可以嘗試'transform-origin：50％-50％;'。但是對齊在2d/3d變換之後變成了一項艱苦的工作。您可以在photoshop上翻動按鈕，並以常規方式將它們放置在您的網站上。 –

百分比設定資產淨值的寬度，以保持它在響應不同的屏幕尺寸，然後使用保證金：自動居中它。

來源

2016-03-05 21:07:58

這不是寬度問題。它的高度。 –

垂直居中對我的經驗是一個巨大的痛苦。有大量的答案在整個stackoverflow，以幫助你得到的CSS恰到好處。

我個人發現How To Center In CSS一個偉大的代碼生成器，幾乎所有的時間處理我的麻煩。這應該至少有助於讓你垂直對齊，這樣你就可以更輕鬆地做你的其他造型。

來源

2016-03-07 06:56:00 tempranova

使導航欄垂直對齊固定在中間

回答

相關問題