Полностью убрать расстояния между ячейками <td>

#html #css

Существует некоторая таблица:



td {
  padding: 0px
}

  

    

      foo
    
    

      bar
    
    

      baz
    
  





Необходимо полностью убрать отступы между ячейками в таблице.
У  изначально стоит padding: 1px. Это я убрал, но все равно между ячейками появляются
отступы: у  ширина - 65px (все тестил в FireFox), а суммарно у всех  - 61px.
Что нужно сделать, чтобы не было вообще никаких отступов?
    

Ответы

Ответ 1

Первое свойство - расстояние между ячейками.
Второе - предотвращает задвоение рамок.    

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


Ответ 2


  

    

      foo
    
    

      bar
    
    

      baz
    
  



Ответ 3

Почти как у остальных, но border-spacing не нужен при border-collapse: collapse:



table {
  border-collapse: collapse;
}

td {
  padding: 0px
}

  

    

      foo
    
    

      bar
    
    

      baz
    
  



Ответ 4

Попробуйте изменить отступы и толщину границы:

margin: 0px;
border-width: 0px;


Также и для таблицы.


Ответ 5

Полный ответ на ваш вопрос выглядит так:

// Remove default spacing
table {
    border-spacing: 0;
    border-collapse: collapse;
}

// Remove default padding
td, th {
    padding: 0;
    text-align: center;
}