Simpla Vojo por Centri Tablon Uzanta CSS

Unu linio de kodo estas ĉio, kion vi devas centri tablon

Cascading Style Sheets (CSS) estas stilo-folia lingvo plej ofte uzita por agordi la vidan stilon de retpaĝoj skribitaj en HTML kaj XHTML. Vi eble estas nova por dezajno retejo aŭ CSS kaj havas demandojn pri kiel centri tablon en retpaĝaro. Vi ankaŭ povus esti sperta diseñisto, kiu estas konfuzita pri kiel plenumi ĉi tiun teknikon nun, ke la etikedo de CENTRE kaj aline = "centro" estas indulgitaj en la TABLE-etikedo. Kun CSS, centraj tabloj en retpaĝaro tute ne estas malfacilaj.

Uzu CSS por Centri Tablon

Vi povas aldoni unu linion al via CSS-stila folio por centri ĉiujn tabulojn horizontale:

tablo {rando: aŭtomata; }

aŭ vi povas rekte aldoni tiun saman linion al via tablo:

Kiam vi metas tablon en retpaĝaro, vi metas ĝin ene de bloko-nivelo , kiel BODY, P, BLOCKQUOTE, aŭ DIV. Vi povas centri la tablon ene de tiu elemento per la rando: aŭtomata; stilo. Ĉi tio diras al la retumilo fari la randojn de ĉiuj flankoj de la tablo egalaj, kiuj metas la tablon en la centro de la retpaĝo.

Iuj Pli malnovaj Retumaj Foliumiloj Donu Apogon al ĉi tiu Metodo

Se via retejo devas subteni pli malnovan retumilon, kiel ekzemple Interreto Explorer 6, vi devas plu uzi align = "centro" aŭ la CENTRE-etikedon por centri viajn tabulojn. Jen pri la sola komplikaĵo, kiam vi centros viajn tabulojn en retpaĝaro. Uzanta ĉi tiun teknikon estas facila kaj povas esti ekzekutita en demando de minutoj.