如何中心 - 所有的屏幕分辨率垂直菜單？

有誰知道如何中心的垂直下拉菜單中所有的屏幕分辨率？如何中心 - 所有的屏幕分辨率垂直菜單？

我試着從字面上一切。它要麼會過於靠左，過於靠右或上下移動的時間越長，屏幕分辨率高度。

菜單問題：http://www.differentregard.com/home.php

CSS代碼：http://www.differentregard.com/css/homebg.css

來源

2012-10-01 PandaNinja

唯一的純CSS的方式來水平和垂直我知道需要的東西是固定的寬度和高度中心的東西，但考慮到：

位置它絕對，並設置left和top至50%。
設置左邊緣到分別的寬度和高度的負半。（如果使用邊框或留白，你必須將它們添加到寬度/高度減半之前考慮的是）

來源

2012-10-01 04:36:07 icktoofay

完美example..try這個.. –

謝謝icktoofay。我不瞭解左邊緣。像這樣做？ #nav {position：absolute;寬度：280px;頂部：50％;剩下：50％; z-index：1;文字修飾：無;文字轉換：大寫; font-family：世紀哥特式，無襯線字體;顏色：#fff; list-style-type：none; }我唯一的填充是下一行：#nav .main {padding-bottom：20px;顯示：塊; } – PandaNinja

@ 80sBaby：您擁有絕對的定位權，但您沒有任何利潤空間。 [這是一個完整的演示。]（http://jsfiddle.net/5p6sm/） – icktoofay

設置寬度和給保證金：汽車;

example{ 
width: 150px; 
margin: auto; 
}

jQuery的

var a = $(window).height()/2; 
var s = $("#di").height()/2; 
$("#di").css("margin-top", a - s)

演示：fiddle

來源

2012-10-01 04:42:04 Selvamani

它居中水平，但不垂直。 – icktoofay

使用jquery，http://jsfiddle.net/B3eCE/2/ – Selvamani

編輯到你的答案，我會刪除我downvote。 – icktoofay

試試這個，希望它爲你工作

#logo{

的位置是：絕對的;

top：22％;

寬度：100％;

身高：66px;

text-align：center; }

#nav {

寬度：100％;

text-align：center;

position：absolute;

top：40％;

z-index：1;

text-decoration：none;

text-transform：uppercase;

font-family：世紀哥特式，sans-serif;

顏色：白色;

列表樣式類型：無;}

來源

2012-10-01 07:55:55

如何中心 - 所有的屏幕分辨率垂直菜單？

回答

相關問題