Test table-layout

Tento příklad obsahuje čtyři tabulky, které se liší jenom minimálně.

Pokud se šířky zadají tabulce i buňkám, prakticky není rozdíl mezi vykreslováním v layoutu fixním nebo automatickém.

table-layout: auto, zadaná šířka 400 px
šířka 300 px šířka 100 px
krátký text velmi dlouhý text, který se strašně roztáhne i přes více řádků
table-layout: fixed, zadaná šířka 400 px
šířka 300 px šířka100 px
krátký text velmi dlouhý text, který se strašně roztáhne i přes více řádků

Zadání layoutu se projeví ve chvíli, kdy se nějaká šířka nezadá. Pak se to liší.

table-layout: auto, zadaná šířka 400 px
šířka nezadána 100 px
krátký text velmi dlouhý text, který se strašně roztáhne i přes více řádků
table-layout: fixed, zadaná šířka 400 px
šířka nezadána 100 px
krátký text velmi dlouhý text, který se strašně roztáhne i přes více řádků

Jak je vidět, table-layout: fixed si vůbec nevšímá obsahu buněk a více respektuje zadané hodnoty. Naopak table-layout: auto (nebo bez zadání table layout) rozděluje přebytečnou šířku, jak ho napadne.

Tento příklad se vztahuje k css vlastnosti table-layout.