У меня есть этот сайт: http://redditlist.com/dir/1026, и я застрял на попытке удалить интервал между ячейками, чтобы он выглядел более как это: http://redditlist.com.
Удаление строк таблицы и табличного пространства между ячейками в css
Ответ 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;
}