0

リンクを貼らなければならない短いテキストがあります。リンクはテキストではなく画像として表示する必要があります。これまでのところ問題はありませんが、画像を使用するにdisplay:inline-blockは、タグの幅/高さを設定できるように設定する必要があります。私がそれをするとすぐに、右から隣にあった次のものは、含まれているdivで下にジャンプします。どうしても上に動かせません。コードは次のとおりです。

<div>
    <p id="pid">Some prefixing text that shouldn't be at the bottom of the div but rather in the middle <a href="#" target="_blank">This is some link</a></p>
</div>

#pid {
    border: 1px solid blue;
    float: right;
}
#pid a {
    display: inline-block;
    width: 50px;
    height: 53px;
}

http://jsfiddle.net/DxVQr/1/

では、接頭辞のテキストを上に移動するにはどうすればよいでしょうか? どうもありがとう!

4

1 に答える 1

0

タグで仕事をしますvertical-align: middleか?<a>

于 2013-10-03T22:35:23.797 に答える