Пробел между <td>. Почему и как я могу удалить?

Я создаю "нормальную" таблицу, и все TD имеют "border: 1px solid # e6e6e6" и "margin: 0". TR и TABLE имеют слишком "margin/padding: 0", но у меня все еще есть пробел между TDs, как здесь: h

enter image description here

Почему?:)

<td></td>

http://jsfiddle.net/VfSdV/

Ответы

Ответ 1

Использовать ячейки и клавиатуру:

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

 </table>

Ответ 2

Так как cellspacing и cellpadding больше не поддерживаются в HTML5, используйте следующий CSS:

table {
  border-collapse: collapse;
}

jsfiddle

Ответ 3

После долгих проб и ошибок, я в конечном итоге использовал большую часть того, что все упомянули, плюс некоторые из других сайтов. Это сработало для меня.

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

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

Ответ 4

Не могли бы вы попробовать?

table#table{
border-spacing: 0;

}

Этот кусок css работает для меня. Надеюсь, это поможет:).

Ответ 5

Попробуйте также этот ответ

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