之间的空间。为什么以及如何删除?

时间:2013-07-24 14:34:22

标签: html css styles

我创建“普通”表,所有TD都有“border:1px solid#e6e6e6”和“margin:0”。 TR和TABLE也有“margin / padding:0”但我仍然有TD之间的空格,如下所示:h

enter image description here

为什么呢? :)

<td></td>

http://jsfiddle.net/VfSdV/

7 个答案:

答案 0 :(得分:44)

由于HTML5不再支持cellspacingcellpadding,请使用以下CSS:

table {
  border-collapse: collapse;
}

jsfiddle

答案 1 :(得分:36)

使用cellspacing和cellpadding:

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

 </table>

答案 2 :(得分:10)

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

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

td,img { 
padding:0px; 
border-width:0px; 
margin:0px; 
}

答案 3 :(得分:2)

你可以尝试一下吗?

table#table {
    border-spacing: 0;
}

这块css对我有用。 希望它有所帮助:)。

答案 4 :(得分:1)

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

答案 5 :(得分:0)

这肯定会奏效。

table {
  border-collapse: collapse;
}

答案 6 :(得分:-2)

尝试这个答案

table.tableclassname td
{
    display: inline-block;
}