2
<div>
  <img src ='image.png'  style="display: block" />
</div>

Chrome では、これにより画像の右側に 1 ピクセルのマージンがレンダリングされ、ラッパー div が押し出されます。マージンを削除するには?

4

3 に答える 3

2

以下に示すように、スタイル属性でマージンとパディングを使用します。

<div>
  <img src ='image.png' style="display: block; margin: 0px; padding: 0px;" />
</div>

これに加えて、スタイルを追加して境界線を削除することもできます"border:0px"

私はそれを試していません、それがうまくいくかどうか私に知らせてください。

于 2012-12-02T20:11:11.427 に答える
0

CSSを使用してそれだけを削除すると、他のブラウザではWebサイトの外観が変わります。CSSリセットを使用して、すべてのブラウザで同じフォーマットを取得することをお勧めします。

次のようにCSSをリセットします:http: //meyerweb.com/eric/tools/css/reset/

于 2012-12-02T20:20:11.177 に答える
0

この動作は Safari でも見られました。これを試して。

<div class="group-holder" style="display: table;">
  <img src="myimage1.gif" style="display: table-cell;" />
  <img src="myimage1.gif" style="display: table-cell;" />
  <img src="myimage1.gif" style="display: table-cell;" />
</div>

これは私にとってはうまくいきました。

于 2015-01-02T00:43:37.280 に答える