Как удалить межстрочный интервал в таблице

Question

У меня есть таблица, первая строка похожа на

<tr>
<th>1</th>
<th>2</th>
</tr>

Я поставил черный фон на "th". Теперь ячейки 1 и 2 имеют некоторую границу между / разделяя их ... Я посмотрел в исходном коде, и я думаю, что нашел что-то:

border-collapse: separate;
border-spacing: 2px;

Этот код CSS указан в исходном коде как «таблица стилей пользовательского агента», и я не смог включить / отключить его, чтобы проверить, является ли это проблемой, но я попытался добавить тот же код, но с «нет» и «0». "параметры, но это не помогло ни ...

Может кто-нибудь помочь и направить меня, откуда граница, пожалуйста?

Answer 1

Ваша таблица будет по умолчанию, как показано ниже, и установите правила CSS для идентификаторов таблиц или класса

<table border="0" cellspacing="0" cellpadding="0">
 <tr>
  <th>1</th>
  <th>2</th>
</tr>
</table>

css:

border-collapse: collapse;

Answer 2

Установите правило CSS на вашем столе:

table {
    border-collapse: collapse;
}

Вы можете посетить этот пример jsFiddle и переключить свойство border-collapse из collapse в отдельное, чтобы увидеть, как оно меняет макет таблицы. Свойство border-collapse можно только свернуть, разделить или унаследовать.

Answer 3

border-collapse: none недействительно. Попробуйте border-collapse: collapse.

Answer 4

вы можете использовать коллапс границы.Свойство border-collapse определяет, будут ли границы таблицы свернуты в одну границу или отделены, как в стандартном HTML.

С http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm:

В модели свернутых границ CSS2 предоставлениепредназначен для разрешения случаев, когда границы, указанные для соседних ячеек, отличаются и находятся в конфликте:

1. Если какая-либо общая граница имеет компонент, для которого 'border' имеет значение "hidden"для ЛЮБОГО из участников совместного использования, общая граница должна быть безоговорочно установлена ​​на "hidden".

2. Если какая-либо общая граница имеет компонент, для которого 'border' установлен на«none», он может быть переопределен любым другим участником совместного использования границ, имеющим обновляемое значение свойства border.

3. Если ВСЕ члены совместного использования границ задают значение «none» длякомпонент границы, только тогда граница будет установлена ​​на "none".

4. Если общая граница имеет конфликт 'border-width', (без компонента, имеющего 'границы 'значение "hidden", конечно,должна отображаться наибольшая ширина границы.

5. Если общая граница имеет конфликт «стиль границы», следует использовать предложенный приоритет (уменьшающийся слева направо): "double "," solid "," dashed "," dotted "," ridge "," outset "," groove "," inset. "

6. Если общая граница имеет конфликт «цвет границы», следует использовать предложенный приоритет (уменьшающийся слева направо): ячейка таблицы, строка таблицы, группа строк, столбец, группа столбцов, таблица.

   table
     {
      border-collapse:collapse;
     }
   

Примечание

1. В модели рендеринга "свернутая граница" значение "стиль границы" равно "inset "ведет себя как" groove ", а" outset "ведет себя как" ridge ".
2. CSS2 указал, что начальное значение для этого свойства было" collapse ".Поскольку Mozilla и Opera ведут себя так, что начальное значение является «отдельным», CSS2.1 теперь делает «отдельное» официальное начальное значение.

Answer 5

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

table {
    border: none;
    border-spacing: 0;
}