0

我有下一种风格的桌子:

table {
    border-collapse:collapse;
}

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

th {
    border: 0;
}

当我更改一个或几个单元格的边框宽度时,行和列的宽度以及整个表格的宽度以未定义的方式发生变化。它不是那么严重,我想阻止任何视觉变化,除了受影响的单元格的边界。更改这些单元格的宽度或高度无济于事。如何防止修改表格位置并仅更改所需单元格的边框宽度?

JSFiddle


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

4

1 回答 1

0

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

看到这个链接

崩溃 - 表格单元格之间的空间和边框都塌陷,因此单元格之间只有一个边框并且没有空间。

于 2014-04-01T12:23:45.063 回答