图像的 HTML/CSS 边距问题答案

【问题标题】：Issue With HTML/CSS Margins With Images图像的 HTML/CSS 边距问题
【发布时间】：2018-03-31 01:47:46
【问题描述】：

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

body {
margin: 0px;
}

它会影响整个身体（图像和文本）。这是预期的。所以我想，好吧，我就用一个类。我试过这个：

CSS：

.class-name {
margin: 0px;
}

HTML：

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

现在它只是简单地忽略了我有利润的事实......有什么解决办法吗？提前致谢！

【问题讨论】：

@Doomenik 那个类名只是一个例子，我实际上使用的是我自己的类名哈哈！另外，您所说的工作示例是什么意思？
@Doomenik 不要推荐第三方网站，例如 plunkr 或 jsfiddle。他需要在这里发布他的标记。其他任何地方都会关闭这个问题。
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及重现它所需的最短代码在问题本身。 minimal reproducible example
@Doomenik 第三方网站可能会产生死链接或更改代码，从而使问题变得毫无价值。您可以使用它们来赞美您想要展示的内容，但 minimal reproducible example。如果它没有关闭，他们要么很幸运，要么我们还没有得到它。目前有不到 10,000 个问题需要结束评估。
@Doomenik 啊哈，这行得通！谢谢！也很抱歉回复晚了：P

【解决方案1】：

在你的情况下设置 margin:0px;在你的形象上对你一点帮助都没有。在第一种情况下您的图像有边距的原因是因为 body 元素的默认边距（据我所知）为 8px。

因此，要删除您的边距，您必须像这样删除身体的边距：

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

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

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

【讨论】：