2014-11-03 128 views
1

我知道在很久以前我已經過去了這個,但我似乎無法回想起我所做的。垂直快捷菜單欄按鈕中的文本可以與文本對齊水平對齊,但我嘗試了垂直對齊,並且沒有使用垂直對齊得到任何東西。我想知道是否有一個屬性需要先定義,或者如果我只是一個白癡而完全忽略它。它是www.eauclairetowing.com的一個更新,使用與當前在那裏不同的垂直快捷菜單欄。垂直快捷菜單欄文本不會垂直居中

我看到你的答案。我目前正在工作,但會在我的午休時間嘗試他們。這個網站將是我的新發現的愛:d

回答

0

使用填充頂就像你在當前網站所做的:

ul.MenuBarHorizontal a { 
    padding-top:0.5em 
} 
+0

謝謝瑞恩我喜歡額外的學分,渴望達到50:D。而且,我當然也喜歡chdltest的回答,當然這比我的好。 Upvoting! – 2014-11-04 05:27:27

1

如果你的菜單項單隻行(不換行),給他們一個等於菜單項高度的行高。

實施例:

.menu li a { 
    height: 100px; 
    line-height: 100px; 
} 

如果其具有每個菜單項一個以上的線,給它表單元的顯示,並給它的垂直對齊:中間

.menu li a { 
    display: table-cell; 
    vertical-align: middle; 
} 
+0

你的兩個答案都起作用我拿走了50px高度的變量,並將填充設置爲20px 20px,並將行高設置爲10px tyvm,我必須選擇哪一個作出答案,而prabu似乎更需要聲譽支持,所以我希望你沒有失望,如果我有代表我會至少喜歡你的bigal,但我真誠地感謝你們倆:D – 2014-11-03 19:32:27

+0

我很失望,我要去吃香蕉,現在什麼也不做。但至少你的問題解決了。 – chdltest 2014-11-03 19:39:23