1

私は次のものを持っています：

<p style="height: 25px; line-height: 25px;">
   <img width="16" height="16" src="/Content/images/icons/fugue/book-open.png" style="margin-top: 3px;">Test - 5</p>

line-height でいくつか試してみましたが、うまくいかないようです。テキストは常にほんの数語になります。

画像の中心をテキストの中心に合わせるにはどうすればよいですか?

だから私が望むのは、xsが画像を表す以下のとおりです:

xxx
xxx text
xxx
4

3 に答える 3

2

要素を水平または垂直に並べたいかどうかは言わなかったので、両方を説明します。

垂直方向の配置の場合：
画像はデフォルトでインラインブロックであるため、を使用して簡単に配置できますtext-align。それらの間にlike-break（<br/>）を追加するかdisplay: block、画像に.stylingを追加text-align: centerして、段落で使用します。

jsfiddleで動作することを確認してください。

水平方向の配置の場合：
最も簡単な解決策は、アイコンを使用position: relativeして下に移動することです。top:2px

jsfiddleで動作するのを見てください

于 2012-06-12T09:48:44.270 に答える
0

vertical-align画像要素を設定しようとしましたか？

于 2012-06-12T09:48:48.103 に答える
0

あなたがに設定した場合vertical-align: middle;、imgそれはそれを行う必要があります！

注：例から幅と高さの属性を削除しましたが、ここを参照してください：http: //jsfiddle.net/SZYtB/

于 2012-06-12T09:49:13.987 に答える