删除表格中边框之间的空白区域

Question

我在桌子边界之间有一些空格.而且我无法弄清楚为什么,一直尝试使用负边距,因此它们相互重叠但边缘不起作用.因为它是一张桌子,所以我td和左边都有一个左边框th.但是我在侧边框和顶部/底部边框之间也有一个空格.

这是我创造的小提琴.

一些表css

.profile-table {
  height: 100%;
}

.profile-table td { 
  text-align:   center;
  border-right: 1px solid #ccc;
  font-size:    1.2em;
}

.profile-table th { 
  text-align:   center;
  border-right: 1px solid #ccc;
  width:        100px;
}

.profile-table tr{ 
}

.profile-table *:last-child{
  border: none;
}

Answer 1

用于border-collapse:collapse合并边框

看到这个小提琴