CSS table-layout egenskap

Definition och användning

tableLayout-attributet används för att visa algoritmer och regler för att visa tabellceller, rader och kolumner.

Fasta tabellayout:

Den fasta tabellayouten tillåter webbläsaren att layouta tabellen snabbare jämfört med den automatiska tabellayouten.

I den fasta tabellayouten beror den horisontella layouten endast på tabellens bredd, kolumnens bredd, tabellens kantlinjer och cellmarginaler, och har inget att göra med cellinnehållet.

Genom att använda en fast tabellayout kan användaragenten visa tabellen efter att ha mottagit första raden.

Automatisk tabellayout:

I den automatiska tabellayouten bestäms kolumnbredden av det bredaste innehållet i kolumnens celler utan avbrott.

Denna algoritm kan ibland vara långsammare, eftersom den behöver besöka allt innehåll i tabellen innan den kan fastställa den slutliga layouten.

Förklaring

Detta attribut specificerar den layoutalgoritm som används för att slutföra tabelllayout. En fast layoutalgoritm är snabbare men mindre flexibel, medan den automatiska algoritmen är långsammare men bättre reflekterar den traditionella HTML-tabellen.

Se också:

CSS-tutorials:CSS tabell

HTML DOM-referencehandboken:tableLayout-attributet

Exempel

Ställ in tabelllayout-algoritmen:

table
  {
  table-layout:fixed;
  }

Prova själv

CSS-syntax

table-layout: auto|fixed|initial|inherit;

Attributvärde

Värde Beskrivning
automatic Standard. Kolumnbredd bestäms av cellinnehållet.
fixed Kolumnbredd bestäms av tabellens bredd och kolumnens bredd.
inherit Detta specificerar att värdet för table-layout-attributet ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: auto
Arvbarhet: ja
Version: CSS2
JavaScript-syntax: object.style.tableLayout="fixed"

Mer exempel

Ställ in tabellens layout
Detta exempel visar hur man ställer in layouten för en tabell.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0