单元格边框更改会影响整个表格标记

Question

我有下一个风格的桌子：

table {
    border-collapse:collapse;
}

td, th {
    height: 20px;
    width: 20px;
    border: 1px solid #000000;
    text-align:center;
}

th {
    border: 0;
}

当我更改一个或几个单元格，行的边框宽度时。和列＆＃39;宽度和整个表宽度以未定义的方式更改。它不是那么严重，我想要防止任何视觉变化，除了受影响细胞的边界。更改这些单元格的宽度或高度没有帮助。 如何防止修改表格位置并仅更改所需单元格的边框宽度？

JSFiddle

---

UPD问题已修复。我只是在表格的右侧和底部添加两行和一列，并在最后一行和列中将边框设置为2px。

Answer 1

border-collapse：collapse意味着所有的单元格边框都被混合在一起，因此也采用相同的样式。

See this link

  

崩溃 - 表格单元格之间的空间和边界都崩溃，因此只有一个边框，单元格之间没有空格。