Подтвердить что ты не робот

Удаление строк таблицы и табличного пространства между ячейками в css

У меня есть этот сайт: http://redditlist.com/dir/1026, и я застрял на попытке удалить интервал между ячейками, чтобы он выглядел более как это: http://redditlist.com.

4b9b3361

Ответ 1

table#myTable{
  border-collapse:collapse;
}

Ответ 2

Используйте CSS-свойство border-collapse, чтобы удалить пространство между ячейками:

table {
    border-collapse: collapse;
}

Вы видите расстояние между ячейками таблицы по умолчанию, потому что у каждой ячейки есть своя граница, ячейки не имеют общих границ. Это называется "разделенной моделью", как объясняется в Справочнике по CSS для Mozilla Developer:

Разделенная модель - это традиционная модель границы таблицы HTML. Соседние ячейки имеют свои собственные четкие границы. Расстояние между ними задано свойством border-spacing.

Вы можете "удалить" расстояние между ячейками, заставив их делить границы друг с другом, что называется "моделью свернутых границ":

В модели свернутых границ соседние ячейки таблицы имеют общие границы.

Ответ 3

Попробуйте это

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

или

table.className td
{
    display: block;
}

Ответ 4

попробуйте

table td {
  display: table-cell;
}