2

真ん中の画像の上にテキストを追加したい。私はこのコードを使用します：

<div style="background-image: url(../images/game-hearts-icon.png); height: 64px; width: 64px; text-align: center; vertical-align:middle;">text</div>

心の真ん中にテキストを入れたい。しかし、それは上部中央に表示されます。垂直方向の配置は機能していないようです。私は何を間違っていますか？どんな助けでも大歓迎です！

4

3 に答える 3

1

絶対配置または行の高さを使用して、必要な結果を得ることができます。方法は次のとおりです:jsfiddle.net/YZXVe/

于 2013-01-29T03:53:06.990 に答える
1

line-heightを div の高さと等しくなるように設定します。

<div style="background-image: url(../images/game-hearts-icon.png); height: 64px; width: 64px; text-align: center; line-height: 64px;">text</div>

いっそのこと、インライン スタイルを使用しないでください。

HTML

<div class="game-hearts-icon">text</div>

CSS

.game-hearts-icon {
    background: transparent url(../images/game-hearts-icon.png) scroll 0 0 no-repeat;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
}
于 2013-01-29T03:56:17.750 に答える
1

<center>div内で使用できます。テキストを垂直方向と水平方向の中央に配置します。

   <div>
    <center>
      <p>Your Text</p>
    </center>
   </div>

それが役に立てば幸い。

于 2013-01-29T05:05:22.400 に答える