Mod Sempliċi għaċ-Ċentru ta 'Tabella Bl-użu tas-CSS

Linja waħda tal-kodiċi hija kollha li għandek bżonn biex tpoġġi tabella

Folji ta 'l-Istil Cascading (CSS) hija lingwa tal-folja ta' l-istil li ħafna drabi tintuża biex tistabbilixxi l-istil viżiv ta 'paġni tal-web miktuba f'HTML u XHTML. Inti tista 'tkun ġdid għal web design jew CSS u għandek mistoqsijiet dwar kif tiċċentra tabella fuq paġna web. Int tista 'wkoll tkun disinjatur tal-esperjenza li jinsab konfuż dwar kif tista' twettaq din it-teknika issa li l-attribut CENTER tag u align = "center" huma deprezzati fit-tikketta TABELLA. Ma 'CSS, it-tabelli li jiffokaw fuq il-web page mhumiex diffiċli.

Uża CSS biex Ċentru ta 'Tabella

Tista 'żżid linja waħda mal-folja tal-istil tas-CSS biex iċċentra t-tabelli kollha orizzontalment:

tabella {marġini: auto; }

jew tista 'żżid dik l-istess linja mat-tabella tiegħek direttament:

Meta tpoġġi tabella f'paġna web, qiegħed tqiegħedha f'element ta ' blokka bħal BODY, P, BLOCKQUOTE, jew DIV. Tista 'ċċentrat it-tabella f'dak l-element billi tuża l- marġini: auto; stil. Dan jgħidlek lill-browser biex il-marġini fuq in-naħat kollha tat-tabella jkunu ugwali, li tpoġġi t-tabella fiċ-ċentru tal-paġna web.

Xi Browsers tal-Web Older Appoġġ Dan il-Metodu

Jekk is-sit tiegħek għandu jappoġġa web browser anzjan, bħal Internet Explorer 6, imbagħad ikollok bżonn tkompli tuża align = "center" jew it-tikketta CENTER biex iċċentra t-tabelli tiegħek. Dik hija l-unika kumplikazzjoni li għandek toqgħod fiha meta tiffoka t-tabelli tiegħek fuq paġna web. L-użu ta 'din it-teknika huwa faċli u jista' jiġi eżegwit fi ftit minuti.