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.
šířka 300 px | šířka 100 px |
krátký text | velmi dlouhý text, který se strašně roztáhne i přes více řádků |
šíř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ší.
šířka nezadána | 100 px |
krátký text | velmi dlouhý text, který se strašně roztáhne i přes více řádků |
šíř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.