Warum cellSpacing und cellpadding nicht CSS-Stile

StackOverflow https://stackoverflow.com/questions/339146

Frage

Ich weiß nicht, warum dies stört mich so sehr, aber wenn ich Websites zu erstellen, ich versuche immer, alle mit CSS meines Styling zu tun. Aber eine Sache muss ich immer daran denken, zu tun, wenn ich die Arbeit mit Tabellen bin ist cellspacing = „0“ und cellpadding = „0“

hinzufügen

Warum gibt es keine CSS-Eigenschaft, diese veralteten HTML 4 Attribute außer Kraft zu setzen?

War es hilfreich?

Lösung

cellSpacing : 

table { border-collapse: collapse; }

Wie für cellpadding , können Sie 

table tr td, table tr th { padding: 0; }

Andere Tipps

mat bereits beantwortet, aber nur der Vollständigkeit halber:

  • padding → cellpadding
  • border-spacing → cellspacing
  • border-collapse → kein HTML-Äquivalent

Es ist auch zu bedenken, dass Sie zum Beispiel getrennte horizontale und vertikale Werte für die CSS diejenigen einstellen border-spacing: 0 1px.

Eric Myer zurückgesetzt Sheet den folgenden 'reset' Stil für Tabelle enthält: 

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

Zusätzlich TD, TR werden zurückgesetzt: 

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

Der Grund, warum ich dies erwähnen ist, dass er einen Kommentar ‚Tabellen müssen noch cellpadding = 0‘. Ich nehme an, er dieses in aus einem Grund hier - wahrscheinlich von einigen alten Browsern benötigt. Gemessen an der Tatsache, dass dies eines der wenigen Kommentare ist er eingeschlossen ich sein wichtiges erraten und dass es einen guten Grund dafür.

auf diesen Kommentar Basierend - und dieser Kommentar allein! - Ich bin weiterhin cellspacing = „0“ im Markup zu verwenden, wenn mir jemand sagt, endgültig (siehe unten), warum ich nicht brauchen. Es könnte jedoch wahrscheinlich in jedem modernen Browser stützenswert in diesen Tagen nicht notwendig sein. 

table { border-collapse:collapse; }

Ich denke, jemand als Zelle eine „schlechte Praxis“ Abstand. Wie ich es verstehe gleichwertig in CSS2-Standard enthalten ist, aber IE nicht unterstützt diese Eigenschaft. border-collapse ermöglicht auf 0 Wert Abstand einzustellen. Zelle padding padding-Eigenschaft erreicht werden kann Elemente einer Tabelle TD.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top