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

概述我在桌子边界之间有一些空格. 我无法弄清楚为什么,  一直在尝试使用负边距,因此它们相互重叠,但保证金不起作用. 因为它是一张桌子,我在td和th都有左边框. 但是我在侧边框和顶部/底部边框之间也有一个空格. This是我创造的小提琴. 一些表css .profile-table { height: 100%;}.profile-table td { text-align: c 我在桌子边界之间有一些空格.
我无法弄清楚为什么,
 一直在尝试使用负边距,因此它们相互重叠,但保证金不起作用.
因为它是一张桌子,我在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;}

解决方法 使用border-collapse：折叠以合并边框

看这fiddle

总结

以上是内存溢出为你收集整理的html – 删除表格中边框之间的空白区域全部内容，希望文章能够帮你解决html – 删除表格中边框之间的空白区域所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。