Question

当我们在包含以下代码的网页中包含图像时

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

浏览器会对其进行渲染，以便左侧和顶部有几个像素的边距。我希望图像粘在左边和上边框上。

需要帮助。

由于

Answer 1

您有几种选择：

使用 CSS reset 。简单的例子：
```
* { padding: 0; margin: 0; }
```
使用position: absolute;“强制”将图片放在您想要的位置（可以使用top，right，bottom和{{进行控制1}}。

Answer 2

这是身体的边缘。我总是在我的css文件中使用这种样式：

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

或者你可以在内容中编写内容：

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

Answer 3

尝试使用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 */
 }

或者你可以随时定位，例如你想要从顶部10px和从左边10px

img.left-image{
 position:absolute;
 left:10px;
 top:10px;
 }

如何将图像对齐到网页的最左侧区域？

3 个答案: