0

次のコードを使用してWebページに画像を含める場合

<html><body>
<img src="http://www.example.com/abc.jpg">
</body></html>

ブラウザは、左右に数ピクセルのマージンがあるようにレンダリングします。画像を左右の境界線に貼り付けたい。

それで必要な助け。

ありがとう

4

3 に答える 3

4

いくつかのオプションがあります。

  1. CSSリセットを使用します。簡単な例：

    * { padding: 0; margin: 0; }

  2. 画像を好きな場所に「強制的に」配置するために使用します（ 、、、およびでposition: absolute;制御できます。toprightbottomleft

于 2012-12-07T09:05:26.780 に答える
2

それらは体のマージンです。私はいつもcssファイルでこのスタイルを使用しています：

html, body { margin: 0px; padding: 0px; border: none; }

または、あなたの場合、それをインラインで書くことができます：

<body style="margin:0px; padding:0px;">

于 2012-12-07T09:25:24.367 に答える
0

CSSでこれを試してください

<img src="http://www.example.com/abc.jpg" class="left-image">

html, body, img{
padding:0px;
margin:0px;
}

img.left-image{
 float:left; /* it may require if you have more elements in same container, not always */
 }

または、いつでも配置できます。たとえば、上から10ピクセル、左から10ピクセルが必要な場合

img.left-image{
 position:absolute;
 left:10px;
 top:10px;
 }
于 2012-12-07T09:05:24.090 に答える