Css 将图像与表格单元格的边缘对齐
我正在对其中一个预先制作的论坛进行大量定制,我正在尝试做的一件事是用其他东西替换在线/离线图形,并重新定位它们,这样它就不会定位在用户名的末尾,而是定位在帖子的左角 我的意图是在div标签中获得img代码,该标签的样式为Css 将图像与表格单元格的边缘对齐,css,image,css-tables,Css,Image,Css Tables,我正在对其中一个预先制作的论坛进行大量定制,我正在尝试做的一件事是用其他东西替换在线/离线图形,并重新定位它们,这样它就不会定位在用户名的末尾,而是定位在帖子的左角 我的意图是在div标签中获得img代码,该标签的样式为float:left,和position:absolute(需要使用absolute,否则其他元素,如用户名和化身将偏离中心)。目前,我所拥有的是: 正如你所看到的,似乎有一些填充或空白,我一直无法通过。我曾尝试为div添加边距:0px、padding:0px、左:0px和顶:
float:left
,和position:absolute
(需要使用absolute,否则其他元素,如用户名和化身将偏离中心)。目前,我所拥有的是:
正如你所看到的,似乎有一些填充或空白,我一直无法通过。我曾尝试为div添加
边距:0px、padding:0px
、左:0px
和顶:0px
的样式,但它们都无法将图像移动到正确的位置(即,缩小图像边缘与表格单元格边框之间的间隙).您可以尝试为图像指定负边距
img{
margin-left: -10px;
margin-top: -10px;
}
恐怕当我应用这个的时候,图像完全消失了。哦,等等,我把它应用到了div,不是图像。尽管如此,在正确的位置,没有变化。图像仍然停留在原来的位置。请尝试将图像边距top:和边距left:设置为负值,而不仅仅是top:和left:可以粘贴img的css和它所在的div吗。我也问了其他地方,我成功了。事实证明,我是在正确的轨道上,但是,虽然我对图像的div应该是绝对的,正如我所做的那样,我需要将图像本身的位置设置为相对,这样我就可以得到顶部和左侧的值。