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

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


css css-tables
person abcde123483    schedule 30.06.2011    source источник
comment
Я просмотрел обе ваши страницы и обнаружил проблемы с полями и/или отступами. Посмотреть в FF или IE9 и совсем другое. Так что, как вы хотите, чтобы это выглядело неоднозначно.   -  person FiveTools    schedule 30.06.2011

Ответы (3)


arrow_upward
10
arrow_downward

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

table {
    border-collapse: collapse;
}

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

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

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

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

person Community    schedule 30.06.2011
comment
Извините, я только что увидел, что Jaspero был на 2 минуты быстрее, я ценю оба ответа - person abcde123483; 30.06.2011
comment
@ulvund ты уверен в этом? Моя временная метка: 2011-06-30 17:31:52Z, Jaspero's это 2011-06-30 17:34:15Z. Похоже, я был тем, кто был на 2 минуты быстрее. Кроме того, я ссылаюсь на документацию. - person ; 02.08.2013

arrow_upward
0
arrow_downward

Попробуй это

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

or

table.className td
{
    display: block;
}
person user3378188    schedule 25.06.2014

arrow_upward
0
arrow_downward

пытаться

table td { display: table-cell; }

person Retro CIB    schedule 06.11.2015