html - 图像的 HTML/CSS 边距问题

Question

我试图让 HTML/CSS 中的图像边距为 0px，但是当我使用

body {
margin: 0px;
}

它影响整个 body (图像和文本)。这是预期的。所以我想，好吧，我只使用一个类。我试过这个:

CSS:

.class-name {
margin: 0px;
}

HTML:

<img class="class-name" src="path/to/file.png">

现在它只是简单地忽略了我有余量的事实……有什么解决办法吗？提前致谢!

Answer 1

在你的情况下设置 margin:0px;在你的形象上根本没有帮助你。在第一种情况下你的图片有边距的原因是因为 body 元素的默认边距为(据我所知)8px。

因此，要删除您的边距，您必须像这样删除您 body 的边距:

body {
margin:0px;
(or margin-left:0px; margin-right:0px etc)
}

或者将图像的边距设置为负值。

.class-name {
margin: -8px;
}