34

我创建了“正常”表,所有 TD 都有“边框:1px 实心#e6e6e6”和“边距:0”。TR 和 TABLE 也有“边距/填充:0”,但我在 TD 之间仍然有空间,如下所示:h

在此处输入图像描述

为什么?:)

<td></td>

http://jsfiddle.net/VfSdV/

4

7 回答 7

73

由于HTML5 不再支持cellspacing并且cellpadding不再支持,请使用以下 CSS:

table {
  border-collapse: collapse;
}

jsfiddle

于 2013-07-24T14:45:48.153 回答
48

使用 cellspacing 和 cellpadding :

 <table cellspacing="0" cellpadding="0">

 </table>
于 2013-07-24T14:37:27.323 回答
13

经过多次试验和错误,我最终使用了其他人提到的大部分内容以及其他网站的一些内容。这对我有用。

table {
border:0px;
border-collapse:collapse;
border-spacing:0px;
}

td,img { 
padding:0px; 
border-width:0px; 
margin:0px; 
}
于 2013-10-02T20:02:57.687 回答
5

你能试试这个吗?

table#table {
    border-spacing: 0;
}

这段 css 对我有用。希望能帮助到你 :)。

于 2013-07-24T14:47:51.383 回答
0

单元格间距单元格填充折旧而不是使用border-spacing: 0;

于 2021-07-16T08:15:36.363 回答
0

这肯定会奏效。

table {
  border-collapse: collapse;
}
于 2021-02-01T21:20:18.273 回答
-2

也试试这个答案

table.tableclassname td
{
    display: inline-block;
}
于 2014-06-25T13:28:43.050 回答