0

問題があります。

HTML ファイルに img タグを含めると、常にタグの周りにギャップがあります。マージンでもパディングでもありません。私はそれが何ですか？

css でギャブを削除するのを手伝ってくれる人はいますか?

<img src="../images/modules/Bildergalerie2.jpg" />

ありがとう

    <img src="../images/modules/Bildergalerie2.jpg" />
4

5 に答える 5

0
  • 周囲の背景と同じ色の境界線ではないことを確認してください。
  • 他の場所からマージンまたはパディングを継承しないことを確認してください
  • css で img のマージン (およびパディング) が明示的にゼロに設定されていることを確認してください (一部のブラウザーのデフォルトのスタイルシートには img のマージンがあるため)。
  • ギャップが画像の一部ではないことを確認してください (可能性は低いですが、可能性はあります!)。
  • 郵便番号はこちら...
于 2013-02-07T08:58:16.157 に答える
0

IMG タグはインライン要素であり、空白に依存するメソッドです。IMG タグの周りのスペースは、実際には、サイト用に選択した font-family に基づいています。できることは、要素を css として選択することです。

img
{ 
    display: block;
}

しかし、これにより がラインを壊し、新しいラインに移動します。

于 2013-02-07T08:56:13.590 に答える
0

これを試すことができます：

*{margin:0;padding:0;}
img{border:none 0;}
于 2013-02-07T08:52:47.067 に答える
0

このギャップは、 <img> がテキストと同じ規則に従うインライン要素であるという事実によって引き起こされます。これを修正するには、display: block; を追加します。画像上または垂直整列で再生します（下に設定します）。詳細については、Mozilla https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gapsの優れた記事を参照してください。

于 2013-02-07T08:53:52.943 に答える
0 
img {display: block;}//removes the gap
于 2013-02-07T08:54:47.777 に答える