垂直快捷菜单栏文本不会垂直居中

垂直快捷菜单栏文本不会垂直居中

问题描述:

我知道在很久以前我已经过去了这个,但我似乎无法回想起我所做的。垂直快捷菜单栏按钮中的文本可以与文本对齐水平对齐,但我尝试了垂直对齐,并且没有使用垂直对齐得到任何东西。我想知道是否有一个属性需要先定义,或者如果我只是一个白痴而完全忽略它。它是www.eauclairetowing.com的一个更新,使用与当前在那里不同的垂直快捷菜单栏。垂直快捷菜单栏文本不会垂直居中

我看到你的答案。我目前正在工作,但会在我的午休时间尝试他们。这个网站将是我的新发现的爱:d

使用填充顶就像你在当前网站所做的:

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

谢谢瑞恩我喜欢额外的学分,渴望达到50:D。而且,我当然也喜欢chdltest的回答,当然这比我的好。 Upvoting! – 2014-11-04 05:27:27

如果你的菜单项单只行(不换行),给他们一个等于菜单项高度的行高。

实施例:

.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