0

私のサイトのモバイル テーマには、親メニューにリンクするテキスト付きの画像があります。ただし、テキストの高さを調整することはできません (画像の高さの中央にある必要がありますが、テキストは画像の下部に表示されます。画像を参照してください:

ここに画像の説明を入力

(左は現在、右はあるべき姿)

私の現在のファイル:

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}
4

2 に答える 2

1

CSS では、line-heightテキストの を画像の高さの値に設定します。これにより、画像の垂直方向の中央に配置する必要があります。

フィドルを参照してください: http://jsfiddle.net/GYatesIII/CLd4t/1/

于 2013-08-07T16:43:32.510 に答える