html 图片局边框的边距,删除图像HTML表格中不需要的填充/边距/边框

我正在尝试创建一张图像表-所有单元格的宽度和高度都相同。

由于某种原因，即使我将所有的padding / margin / border都设置为0，最终结果中还是添加了一些奇数的margin / padding。

表格的图像/金色边框周围的红色虚线-只是为了显示边框之外我想摆脱的东西。

HTML:

CSS:

.gridStyle

{

border: 2px solid gold;

max-width: 50%;

margin: 0;

padding: 0;

}

.gridStyle th, .gameDisplay td, .gameDisplay tr

{

border: 0;

margin: 0;

padding: 0;

border-collapse: collapse;

}

.gridStyle img

{

width: auto;

max-width: 100%;

max-height: 100%;

height: auto;

margin: 0;

padding: 0;

border: 1px dotted red;

}