html - HTML - 画像が完全に表示されない

Question

このテーマをブログにインストールしようとしたところ、少し問題が発生しました。コメントセクションのアバターが完全に表示されず、コンテナと同様に切り取られています。コードを何百回も編集しましたが、何が問題なのかわかりません。助けていただければ幸いです。

score 1 · Accepted Answer

これら3つを削除すると、うまくいくはずです。ここでは、パディングが他のものと同様に主な原因であると思います。

#comments-block .avatar-image-container img {
border-width: 3px 0 3px 3px;
height: 48px;
padding: 5px;
}

1) パディングを取り除く

2) から max-height を削除します.avatar-image-container

3) 完了です。設定をいじって、目的の結果を取得します。

ここに画像の説明を入力

score 1 · Accepted Answer

開発者ツールバー (Chrome) を使用して、画像を調べます。画像に問題がない場合は、問題が見つかるまで DOM を修正してください。幅、高さ、パディング、マージン、および「上」と「左」の CSS 属性を確認してください。

この要素<div class="avatar-image-container vcard">にmax-height: 36pxは小さすぎるものがあります。

画像が 45x45 であっても、画像要素自体の幅と高さの属性は 35x35 です。

4 に答える 4