Question

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

This是我创造的小提琴。

一些表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合并边框

请参阅此fiddle

Answer 2

将border-collapse: collapse;添加到您的表格中（请参阅MDN reference）

JsFiddle：http://jsfiddle.net/sWC9t/

Answer 3

使用此

<table class="profile-table" cellpadding="0" cellspacing="0">
</table>

在这里演示

http://jsfiddle.net/pHVhg/3/

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

3 个答案: