Table-layout
CSS vlastnost table-layout určuje způsob výpočtu šířky buněk.
| hodnoty | způsob výpočtu rozměrů buněk tabulky |
|---|---|
| auto | šířky buněk se počítají podle jejich obsahu |
| fixed | respektují se zadané šířky buněk |
Lze zadávat pouze pro tabulku (tag <table>).
Hodnota table-layout: auto znamená počítání postaru a je to totéž, jako table-layout nezadat vůbec. Při výpočtu šířky buněk a sloupců je brán ohled na obsah buněk, zadané rozměry jsou respektovány pouze zčásti. Algoritmus výpočtu šířky buněk je velmi komplikovaný a prohlížeč od prohlížeče to dělá trochu jinak. Prohlížeč čeká na natažení celé tabulky a tabulku vykreslí až ve chvíli, kdy je celá stažená.
Hodnota table-layout: fixed zohledňuje (a většinou respektuje) zadané rozměry buněk prvního řádku tabulky. Z něj vypočítá šířky sloupců. Na rozměry buněk dalších řádků nebere ohled. Díky tomu může tabulku vykreslovat rychleji. V praxi nemusí čekat na dotažení celé tabulky a vždy několik řádků vykreslí najednou (v Internet Exploreru 6 naměřeno po sedmi řádcích). Aby table-layout dobře fungoval, je potřeba zadat tabulce šířku.
Table-layout: fixed je vhodné používat všude tam, kde se nějak operuje s přesnýmu šířkami buněk nebo celé tabulky. Také se hodí u vlastnosti overflow-wrap.
Podpora
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| Internet Explorer | všechny verze | |
| Mozilla (Firefox) | všechny verze | |
| Chrome | všechny verze |
Příklady
Příklad rozdílů hodnot table-layout obsahuje kódy tabulek, které se liší jenom v drobnostech a lze je dobře porovnávat.
Vlastnosti table-layout: fixed a border-collapse: collapse
Reklama
