将图像与表格单元格的边缘对齐答案

【问题标题】：Aligning an image to the edge of a table cell将图像与表格单元格的边缘对齐
【发布时间】：2013-03-10 13:29:54
【问题描述】：

我正在对其中一个预制论坛进行大量定制，我想做的一件事是用其他东西替换在线/离线图形，然后重新定位它们，以便代替位于用户名的末尾，它位于帖子该部分的左角。

我的目的是让div标签中的img代码分配为float:left和position:absolute的样式（需要使用absolute，否则其他元素，如用户名和头像会偏离中心）。目前，这就是我所拥有的：

如您所见，似乎有某种我无法通过的填充或边距。我曾尝试为margin:0px, padding:0px、left:0px 和top:0px 向 div 添加样式，但它们都无法将图像移动到正确的位置（即缩小边缘之间的间隙）图片和表格单元格的边框）。

【问题讨论】：

【解决方案1】：

您可以尝试为图像分配负边距。

img{
margin-left: -10px;
margin-top: -10px;
}

【讨论】：

恐怕我应用的时候图像完全消失了。
哦，等等，我将它应用到了 div，而不是图像。尽管如此，只要它放在正确的位置，就没有任何变化。图像仍然停留在原来的位置。
尝试将图像 margin-top: 和 margin-left: 设置为负值，而不仅仅是 top: 和 left:
你能粘贴img的css和它所在的div吗
没关系。我也在其他地方问过，我得到了它的工作。事实证明我在正确的轨道上，但是虽然我为图像拥有的 div 应该是绝对的，就像我所做的那样，我需要将图像本身的定位设置为相对，这样我才能获得顶部并让价值观发挥作用。