Как убрать отступы между ячейками таблицы css
Ответы
Чтобы убрать стандартные отступы между колонками используется свойство border-collapse
со свойством collapse
. Это заставит «схлопнуться» ячейки. Если нужно вернуть отступы между ячейками, то стоит использовать значение separate
/* Добавляем границы для элементом и схлопываем их, чтобы убрать отступы */
table,
td {
border: 1px solid #000;
border-collapse: collapse;
}
0
0

Алексей Алешин
13 марта 2023
Если вы хотите сохранить отступы только по горизонтали, вы можете использовать свойство border-spacing
и установить значение для горизонтальных и вертикальных отступов.
Пример блока CSS:
my-table {
border-collapse: separate;
border-spacing: 0 10px; /* горизонтальный отступ 0, вертикальный 10px */
}
0
0