WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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