Wie kann ich Tabellenattribute in CSS in HTML5 migrieren?

HTML5-Tabellenattributübergang

Die HTML5-Validierungsfunktion von Visual Studio identifiziert Cellpadding-, Cellspacing-, Valign- und Align-Attribute als ungültig für Tabellenelemente. Um dies zu beheben, führt HTML5 CSS-Alternativen ein, um das Erscheinungsbild und den Abstand von Tabellen zu steuern.

Zellauffüllung:

Ersetzen Sie die Zellauffüllung durch die CSS-Auffüllungseigenschaft, die auf Tabellenzellen angewendet wird ( und ). Zum Beispiel:

<code class="css">th, td {
  padding: 5px;
}</code>

Zellenabstand:

Ersetzen Sie den Zellenabstand durch die auf die Tabelle angewendeten CSS-Eigenschaften border-collapse und border-spacing. border-collapse: separate und border-spacing: 5px erzeugen einen Abstand von 5px zwischen den Tabellenzellen. border-collapse: Collapse und border-spacing: 0 entfernen alle Abstände zwischen Zellen.

Vertikale Ausrichtung:

Ersetzen Sie valign durch CSS Vertical-Alignment, das auf Tabellenzellen angewendet wird . Vertical-Align: Top richtet den Zellinhalt am oberen Rand der Zelle aus.

Horizontale Ausrichtung (Mitte):

Align ist zwar kein gültiges HTML5-Attribut, Sie kann eine horizontale Zentrierung erreichen, indem CSS margin: 0 automatisch auf die Tabelle angewendet wird. Dadurch wird die Tabelle horizontal innerhalb ihres übergeordneten Containers zentriert.

Das obige ist der detaillierte Inhalt vonWie kann ich Tabellenattribute in CSS in HTML5 migrieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!