Html 在表格单元格中显示复选框而不是图像

我想将复选框与该列左侧的图像（条形码）对齐。到目前为止，我尝试在两列中插入相同的图像，但隐藏右侧的图像。将显示复选框，而不是右侧的图像。但是，它与左列上的条形码不对齐。有可能这样做吗

图像大小可以变化，它是动态的。这就是为什么我在两列上插入了相同的图像（相同的高度）。在本例中，所有条形码图像的大小都相同，但情况并非如此

也许有人有更好的主意将右边的复选框与左边的条形码对齐

这就是一个例子

我遇到问题的代码（我想对齐此复选框）：

现在看起来是这样的：

---

给你，工作小提琴：

*{
文本对齐：居中；
}

x
Y

给你，小提琴手：

*{
文本对齐：居中；
}

x
Y

根据我的理解，您可以使用此代码，首先通过单击“运行代码片段”按钮运行此代码，然后验证您的期望值：

左列
右栏

根据我的理解，您可以使用此代码，首先通过单击“运行代码片段”按钮运行此代码，然后验证您的期望值：

左列
右栏

只需正确制作表格，重新排列复选框和图像，使其适合以下结构：

形象
复选框

只需正确制作表格，重新排列复选框和图像，使其适合以下结构：

形象
复选框

行span
属性可用于您的
td
！

因为您不想让行特别可见，所以请使用
边框底部样式
0px设置包含条形码的
td
的样式。
这样，您的任务就会简化


#t字体{字体大小：12px！重要；字体系列：verdana，无衬线；边框折叠：折叠；宽度：100%；}
#t字体td{边框：1px纯黑色；文本对齐：居中；填充：8px；}
#t字体{边框：1px纯黑色；文本对齐：居中；填充：8px；背景色：#dddddd；}
/*#tBLATICLES tr:n子（偶数）{背景色：#dddddd；}*/
#tblLeft{位置：绝对；左：0；字体大小：10px！重要；字体系列：verdana，无衬线；边框折叠：折叠；宽度：40%；}
#tblLeft td{字体大小：10px！重要；边框：1px纯黑色；文本对齐：居中；填充：8px；}
#t字体大小：10px！重要；边框：1px纯黑色；文本对齐：居中；填充：8px；背景色：#dddddd；}
#tblRight{位置：绝对；右侧：0；字体大小：10px！重要；字体系列：verdana，无衬线；边框折叠：折叠；宽度：20%；}
#tblRight td{字体大小：10px！重要；文本对齐：居中；填充：8px；}
Opomba za dostavo:545454

Št。zunanje naročilnice:fsdfsfd


Vrsta blaga/storitve
内塔什特维卡
柯达酒店
科利奇纳
恩姆
塞纳布雷兹DDV
布雷兹酒店
DDV
Znesek DDV
Vrednost z DDV
马里·库哈斯基·莫伊斯特

NUdVOVFWIE1L





11,00
科姆
3221,00 €
35431,00 €
22,00 %
7794,82 €
43225,82 €

NUdVOVFWIE1L





达夫卡、杜库曼塔的具体目标：

StopnjaOsnova za DDVZnesek DDVVrednost z DDV
9,5 %0,00 €0,00 €0,00 €
22 %37929,10 €8344,40 €46273,50 €
Skupaj brez DDV:37929,10欧元
Osnova za DDV37929,10欧元
DDV:8344,40欧元
斯库帕：
46273,50 €




行span
属性可用于您的
td
！

因为您不想让行特别可见，所以请使用
边框底部样式
0px设置包含条形码的
td
的样式。
这样，您的任务就会简化


#t字体{字体大小：12px！重要；字体系列：verdana，无衬线；边框折叠：折叠；宽度：100%；}
#t字体td{边框：1px纯黑色；文本对齐：居中；填充：8px；}
#t字体{边框：1px纯黑色；文本对齐：居中；填充：8px；背景色：#dddddd；}
/*#tBLATICLES tr:n子（偶数）{背景色：#dddddd；}*/
#tblLeft{位置：绝对；左：0；字体大小：10px！重要；字体系列：verdana，无衬线；边框折叠：折叠；宽度：40%；}
#tblLeft td{字体大小：10px！重要；边框：1px纯黑色；文本对齐：居中；填充：8px；}
#t字体大小：10px！重要；边框：1px纯黑色；文本对齐：居中；填充：8px；背景色：#dddddd；}
#tblRight{位置：绝对；右侧：0；字体大小：10px！重要；字体系列：verdana，无衬线；边框折叠：折叠；宽度：20%；}
#tblRight td{fo
<img src='http://i.imgur.com/4PxPOjx.png' style='visibility:hidden;width:30px;'>
<input type='checkbox'><br/>
<label></label><br/>