css - 表格单元格和行自动调整大小

Question

我正在构建一个扫雷游戏，我包括了一个 10*10 的 table 。我对其进行了编程，以便当用户单击“td”时，它不显示任何内容，或者显示“b”或数字 1-4。但是它也会调整(缩小)大小，我该如何防止它这样做？

表格的CSS

table{
border-collapse: collapse;
border-spacing: 0px;
border: 4px inset #444;
}

td 的 css

td {
margin: 0px;    
}

点击前的CSS

.box{
border: 3px outset #959595;
width:25px;
height: 25px;
}

此 css 用于炸弹(“b”)，无任何内容和数字。(与那些的区别在于颜色)

.bomb{
border: 1px dotted #000000;
width:25px;
height: 25px;
}

heres a link if that helps

Answer 1

点击后的css是什么？我认为它的大小是因为边框具有不同的值