Почему являются cellspacing и cellpadding не стилями CSS

Я не знаю, почему это беспокоит меня так, но когда я создаю веб-сайты, я всегда пытаюсь сделать все свое моделирование с CSS. Однако одна вещь, которую я всегда должен не забывать делать, когда я работаю с таблицами, добавляют cellspacing = "0" и cellpadding = "0"

Почему там не свойство CSS для переопределения, они вытеснили атрибуты HTML 4?

50
задан Brian Tompsett - 汤莱恩 15 September 2016 в 04:49
поделиться

5 ответов

Cellspacing:

table { border-collapse: collapse; }

Что касается cellpadding, можно сделать

table tr td, table tr th { padding: 0; }
63
ответ дан mat 7 November 2019 в 10:44
поделиться

циновка, которой уже отвечают, но только для полноты:

  • padding в †’ cellpadding
  • border-spacing в †’ cellspacing
  • border-collapse в †’ никакой HTML-эквивалент

также стоит помнить, что можно установить отдельные горизонтальные и вертикальные значения для CSS, например, border-spacing: 0 1px.

41
ответ дан 7 November 2019 в 10:44
поделиться

Eric Myer таблица стилей сброса содержит следующий стиль 'сброса' для таблицы:

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

, Кроме того, TD, TR сбрасывается:

thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

причина я упоминаю, что это - то, что у него есть комментарий 'таблицы, все еще нуждаются в cellpadding=0'. Я предполагаю, что он вставил это здесь по причине - вероятно, необходимый некоторым старым браузерам. При оценке тем, что это - один из очень немногих комментариев, которые он включал, я предполагаю его важное и что существует серьезное основание для него.

На основе этого комментария - и одного только этого комментария! - я продолжаю использовать cellspacing = "0" в разметке, если кто-то не говорит мне окончательно (ниже), почему я не должен. Это могло однако, вероятно, быть ненужным в любом современном браузере, который стоит поддерживать в эти дни.

8
ответ дан Simon_Weaver 7 November 2019 в 10:44
поделиться
table { border-collapse:collapse; }
1
ответ дан Jimmy 7 November 2019 в 10:44
поделиться

Я предполагаю, что кто-то рассмотрел ячейку, располагающую с интервалами “bad practice”. Как я понимаю, что это эквивалентно включенный в стандарт CSS2, но IE не поддерживает это свойство. коллапс границы позволяет устанавливать интервал на 0 значений. Дополнение ячейки может быть достигнуто, установив дополнение свойства на элементы TD таблицы.

0
ответ дан Din 7 November 2019 в 10:44
поделиться
Другие вопросы по тегам:

Похожие вопросы: