Heim  >  Artikel  >  Web-Frontend  >  Wie kann ich Tabellenattribute in CSS in HTML5 migrieren?

Wie kann ich Tabellenattribute in CSS in HTML5 migrieren?

Patricia Arquette
Patricia ArquetteOriginal
2024-10-31 06:35:30260Durchsuche

How Can I Migrate Table Attributes to CSS in HTML5?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn