在我的网站的移动主题中,应该有一张带有文字的图片,并且都链接到父菜单。但是,我无法调整文字高度(它应该在图片高度的中心,但文字会出现在图片的底部,请参见图片:



(左电流,应为右)

我当前的文件:

在html中:

<div id="topbar">
//<div id="title">Über</div>
//<div id="bluerightbutton"><a href="/m/language.html">More</a></div>
<div id="leftnav"><a href="/m/de/futuristic-os">futuristicOS</a></div>
</div>


和CSS:

#leftnav a:before{content:url("../images/leftback.png");}
#leftnav a:first-child{z-index:2; padding-bottom: 50%; width:auto}
#leftnav a{z-index:3;margin-left:-4px;border-width:0 5px 0 13px;padding-right:4px;float:left}

最佳答案

在CSS中,我将文本的line-height设置为图像的高度值。这应该使它在图像上垂直居中。

参见小提琴:
http://jsfiddle.net/GYatesIII/CLd4t/1/

09-30 17:28
查看更多