Css 在表格单元格之间放置一个居中的图像

我有一个表格，第一行只包含小图像。对于每个单元格： 1.一个小的图像，称为A，应该位于（细胞的）中心。 2.一个称为B的小图像应该位于两个单元格之间的中间，使图像的一半“属于”左侧单元格，另一半“属于”右侧单元格

A和B应垂直对齐。 当然，在每个单元格中设置一个中心并不是问题。但是我不能把B放在两个细胞之间。我该怎么做？ 下面是片段（抱歉，图像丢失）

如果有帮助，用户将使用图像A（如果单击）删除列，并使用图像B（如果单击）在两个现有列之间插入列

.表1布局图{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
边界塌陷：塌陷；
}
table.table_布局图_1 td，table.table_布局图_1 th{
边框：1px实心#ddd；
填充：2px；
}
table.table_布局_1 tr:n子级（偶数）{背景色：#f2f2f2；}
table.table_布局_1 tr:hover{背景色：#ddd；}
表1.表1布局图{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4CAF50；
颜色：白色；
}
table.table_布局_1输入{
宽度：100%；
填充：4px4px；
显示：内联块；
边框：1px纯红
边界半径：4px；
框大小：边框框；
}
img.table\u布局\u 1\u移除\u col{
显示：块；
左边距：自动；
右边距：自动；
宽度：32px；
高度：32px；
}
img.表格\u布局\u 1\u添加\u列{
浮动：对；
宽度：32px；
高度：32px；
}
描述
价值

我不确定您的情况，但您可以使用图像的相对定位

根据需要修改

img

的

左

和

顶

值。

。表\u布局\u 1{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
边界塌陷：塌陷；
}
table.table_布局图_1 td，table.table_布局图_1 th{
边框：1px实心#ddd；
填充：2px；
}
table.table_布局_1 tr:n子级（偶数）{背景色：#f2f2f2；}
table.table_布局_1 tr:hover{背景色：#ddd；}
表1.表1布局图{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4CAF50；
颜色：白色；
}
table.table_布局_1输入{
宽度：100%；
填充：4px4px；
显示：内联块；
边框：1px纯红
边界半径：4px；
框大小：边框框；
}
img.table\u布局\u 1\u移除\u col{
显示：块；
左边距：自动；
右边距：自动；
宽度：32px；
高度：32px；
}
img.表格\u布局\u 1\u添加\u列{
位置：相对位置；
左：150px；
顶部：-15px；
宽度：32px；
高度：32px；
}

描述
价值

您可以将

位置：相对
指定给
标记，将
位置：绝对
指定给

描述
价值
我是否正确理解，img上的绝对位置需要父td上的相对位置，使其绝对相对td区域？阅读css文档中的position absolute：“元素的位置是相对于其第一个定位的（不是静态的）祖先元素的。”要明确的是，这个建议很有效，并且符合我的需要。谢谢Sunil！我还建议您阅读以下内容：感谢您的建议，但是这里的垂直对齐并不正确。可能是可以修复的，但我更喜欢Sunil的答案，因为它可以不考虑td宽度。很高兴您找到了解决方案：）