Heim > Web-Frontend > CSS-Tutorial > ## Warum funktionieren „Min-Width' und „Max-Width' bei Tabellenzellen nicht?

## Warum funktionieren „Min-Width' und „Max-Width' bei Tabellenzellen nicht?

Linda Hamilton
Freigeben: 2024-10-24 19:10:02
Original
450 Leute haben es durchsucht

## Why Do Min-Width and Max-Width Not Work on Table Cells?

Tabellenattribute: Min. Breite und Max. Höhe

Beim Definieren des Layouts einer Tabelle ist es wichtig, die Interpretation und Interpretation des Browsers zu kennen Reaktionsfähigkeit auf Breitenbeschränkungen. Wenn Sie versuchen, bestimmte minimale und maximale Breiten mithilfe von „min-width“ und „max-width“ für Tabellenzellen (td) festzulegen, ignoriert der Browser diese möglicherweise.

Um dieses Problem zu lösen, ist die richtige CSS-Eigenschaft „width for“ zu verwenden Tabellenzellen. Dies liegt daran, dass „Min-Breite“ und „Max-Breite“ gemäß der CSS 2.1-Spezifikation nicht für solche Elemente definiert sind:

„In CSS 2.1 ist die Wirkung von ‚Min-Breite‘ und ‚Max-Breite‘ auf Tabellen, Inline-Tabellen, Tabellenzellen, Tabellenspalten und Spaltengruppen ist undefiniert.“

Um sicherzustellen, dass die Tabellenzellen die angegebene Breite einhalten, ist ein zusätzlicher Schritt erforderlich. Wenn Sie die Eigenschaft „table-layout“ auf „fixed“ setzen, hält sich der Browser an den in der CSS-Spezifikation definierten Algorithmus:

  1. Berechnen Sie die Breite jeder Spalte basierend auf der intrinsischen Breite von Tabellenzellen oder explizit Breiteneigenschaften.
  2. Verteilen Sie die verbleibende Breite gleichmäßig auf alle Spalten mit automatischer Größe.
  3. Wenn nicht genügend Platz für alle Spalten vorhanden ist, kann die Tabelle überlaufen.

Das obige ist der detaillierte Inhalt von## Warum funktionieren „Min-Width' und „Max-Width' bei Tabellenzellen nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage