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

Question

我正在构建一个扫雷游戏，我包括一个 10*10 的桌子。我对其进行了编程，以便当用户单击“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;
}

score 1 · Accepted Answer

使用开发人员的工具非常仔细地测量您的盒子模型。您应该在内部使用一些填充，<td>以便边框不会覆盖或与表格重合。我的建议是使用display:block可能的<td>内容并设置边框，使其出现在表格的实际网格线中。

score 1 · Accepted Answer

1

点击后的css是什么？我认为它是因为边界值不同而调整大小

于 2013-08-18T04:34:31.803 回答

2 回答 2