1

これが重複していることはわかっていますが、他の投稿で提供された解決策が機能していないように見えるか、正しく取得できなかったため、申し訳ありません。

テキストと画像を垂直方向に中央に揃える必要があります。CSS プロパティ vertical-align:middle を試しましたが、機能していないようです。私のコードはJSFiddleで与えられ、次のようになります

<div class="picacollinvitecoll">
    <span>Other Collaborators:</span>
    <img width="20px" height="20px" src="https://m.ak.fbcdn.net/profile.ak/hprofile-ak-ash4/187580_670310756_917182522_q.jpg" title="Kapil Sharma" />
    <img width="20px" height="20px" src="https://m.ak.fbcdn.net/profile.ak/hprofile-ak-ash4/187580_670310756_917182522_q.jpg" title="Kapil Sharma" />
    <img width="20px" height="20px" src="https://m.ak.fbcdn.net/profile.ak/hprofile-ak-ash4/187580_670310756_917182522_q.jpg" title="Kapil Sharma" />
</div>​

CSSプロパティは

.picacollinvitecoll span{
    margin:0;
}
.picacollinvitecoll img{
    margin-top: 3px;
}​

下部に配置されているJSFiddleに示すように、出力を取得しています。誰かが JSFiddle を更新して「中間」に揃えることができますか?

4

5 に答える 5

3

CSSを探しているvertical-align:middle

こちらをご覧ください

于 2012-09-05T07:16:12.217 に答える
3

両方のセレクターに追加する必要がありvertical-align: middle;ます（私があなたを正しく理解している場合）

http://jsfiddle.net/Kyle_Sevenoaks/mbhLN/

于 2012-09-05T07:18:44.320 に答える
2

display:table親divに使用

ここでデモをチェックしてくださいhttp://jsfiddle.net/zcaT3/10/

于 2012-09-05T07:20:18.230 に答える
1

次のコードを CSS に挿入してみてください。

.picacollinvitecoll img{
    margin-top:-3px;
    vertical-align:middle; 
    padding-top:2px;
}​
于 2012-09-05T07:17:50.303 に答える
-1

ここにそれを行う別の方法があります。画像の align 属性を使用します。更新されたフィドルは次のとおりです

http://jsfiddle.net/zcaT3/7/

于 2012-09-05T07:18:32.387 に答える