A táblázat elrendezési módja

A táblázat elrendezési módját a table-layout tulajdonsággal lehet beállítani.

Lehetséges értékei:

auto: a böngésző a rendelkezésre álló hely és a cellatartalmak alapján számolja ki az oszlopok szélességét. Bonyolult algoritmus alapján próbálja optimális módon elrendezni a táblázat tartalmát. Lassítja a megjelenítést, de nagy rugalmasságot tesz lehetővé.

fixed: a böngésző egyenlő szélességű oszlopokba helyezi el a cellatartalmakat. Használata esetén meg kell adni a táblázat szélességét! A fíx szélességű táblázat nem követi a weboldal számára rendelkezésre álló terület változásait.

A táblázat elrendezésének beállítása :

kijelölő

{

table-layout

kulcsszó;

}

Példa:

Forráskód


<style>
  table, td, th {border: 1px solid green;}
  table {  width:330px; }
  #tbl1 { table-layout:auto;}
  #tbl2 { table-layout:fixed;}
</style>
...

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_tablazat_elrendezese_01.html