Css 表格单元格和行正在自动调整大小

我正在制作一个扫雷游戏，里面有一张10*10的桌子。我对它进行了编程，这样当用户点击一个“td”时，它要么什么也不显示，要么显示一个“b”，或者显示一个数字1-4。但是，当它这样做时，它也会调整大小（收缩），如何防止它这样做

表格的css

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

运输署署长

td {
margin: 0px;    
}

点击前的css

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

这个css代表炸弹（“b”）、无和数字（与它们的区别是颜色）

---

单击后的css是什么？

---

我认为它的大小是因为边界值不同

使用开发人员的工具非常仔细地测量您的长方体模型。您应该在

中使用一些填充，以便边框不会覆盖或与表格重合。我的建议是对可能的

内容使用

display:block

，并设置边框，使其显示在表格的实际网格线内。

哦，是的，没有重温这一点。你可以建议一个工具吗？你在哪个浏览器上？firefox你的意思是类似firebug的东西？是的，firebug有一个框模型评估工具“布局”。它们可以派上用场。我自己也是一个Chrome人，我的名字叫“Metrics”。@Devisione你知道我如何让浏览器适应这样一个事实：一些td共享一个边框（虚线），而另一些不共享一个边框（起点），并且仍然看起来正常吗？

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