Verwendung von table-layout

table-layout:auto ohne Breitenangabe

ohne Breitenangabe ohne Breitenangabe ohne Breitenangabe - Spalten mit höherem Platzbedarf wird mehr Breite zur Verfügung gestellt, wenn andere Spalten diese für eine vollständige Darstellung ihrer Inhalte nicht benötigen.

table-layout:fixed ohne Breitenangabe

ohne Breitenangabe ohne Breitenangabe ohne Breitenangabe - Der verfügbare Platz wird unabhängig vom Inhalt der Zellen auf alle Spalten gleichmäßig aufgeteilt.

table-layout:fixed mit teilweiser Breitenangabe

width: 25% width: 120px Donaudampfschifffahrtsgesellschaft ohne Breitenangabe - Noch verfügbarer Platz wird auf alle Spalten ohne Breitenangabe aufgeteilt. Zu breiter Inhalt wird, wie in der mittleren Spalte dargestellt, abgeschnitten, wenn overflow:hidden definiert wurde.

table-layout:fixed mit Breitenangabe in allen Spalten

width: 25% width: 25% width: 25% - Ist die Breite der gesamten Tabelle größer, als von allen Spalten gemeinsam benötigt wird, wird verfügbarer Platz zu gleichen Teilen auf alle Spalten aufgeteilt. In diesem Beispiel beträgt die Breite jeder Spalte daher effektiv 33% statt der definierten 25%.