Html 表：添加边框时，单元格会展开

我有一个固定宽度和高度的表格，通常，它均匀地分布单元格以适应给定的宽度和高度。但是，一旦我只在部分单元格上添加了边框，这些单元格就不再均匀分布

带边框的单元格似乎比其他单元格宽。此外，边界较厚的细胞比边界较薄的细胞更宽

下面是一些代码，显示发生了什么。绿色单元格是带有左边框的单元格，红色和蓝色单元格没有左边框或右边框

---

我不确定是什么原因导致了它，但我有一个解决办法

在所有单元格周围添加一个透明边框（使用

！重要
）：

然后您还必须添加
！重要信息
添加到每个添加边框的单元格

<td style="background-color: green; 
    border-left: white solid 1px !important; 
    border-top: white solid 1px !important;">
</td>



我尝试添加
框大小
来修复/理解发生的情况，但似乎没有效果。表格的整体大小可能会受到添加边框的影响；你必须检查一下。
我也有同样的问题，直到我为所有TD指定了一个任意10%的值

显然，如果根本没有指定尺寸，就会发生这种情况。
谢谢您的帮助。然而，我实际上有不同厚度的边界，所以我不能使用这个黑客。我会继续调查为什么会发生这种情况。把它加到你原来的问题上。嗯，对我来说似乎不起作用。我在上面的例子中试过，下面是它的样子。。。
<td style="background-color: green; 
    border-left: white solid 1px !important; 
    border-top: white solid 1px !important;">
</td>