Sitemap

Un tabel este o modalitate excelentă de a prezenta o mulțime de informații într-un mod organizat.Datele de vânzări, traficul pe pagina web, tendințele pieței de valori și notele elevilor sunt exemple de informații care sunt adesea prezentate în tabele.

Când adăugați un tabel la o pagină web folosind HTML, poate fi mai atrăgător din punct de vedere vizual să îl centrați pe pagină.Centrarea textului și a imaginilor se face de obicei prin intermediul clasei de aliniere a textului sau prin CSS, dar centrarea unui tabel necesită o abordare diferită.Mai jos sunt oferite detalii despre cum să centrați un tabel pe o pagină web.

Centrarea unui tabel în HTML

Când adăugați un tabel la o pagină web, în ​​mod implicit, acesta este aliniat în partea stângă a paginii sau a containerului, așa cum se arată mai jos.

HITURI LUNĂ CREȘTERE TOTALĂ
324.497 ianuarie 1998 -
436.699 februarie 1998 112.172

Codul sursă HTML pentru tabelul de mai sus este următorul.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Pentru a centra acest tabel, ar trebui să adăugați ;margin-left:auto;margin-right:auto; până la sfârșitulatribut de stil în eticheta

.Eticheta tabelului ar arăta ca următorul.

Schimbarea atributului de stil din eticheta

, așa cum se arată mai sus, are ca rezultat centrarea tabelului pe pagina web, așa cum se arată mai jos.
HITURI LUNĂ CREȘTERE TOTALĂ
324.497 ianuarie 1998 -
436.699 februarie 1998 112.172
Bacsis

Puteți adăuga parametri la atributul de stil din eticheta

pentru a face tabelul mai atrăgător.Adăugarea de umplutură: 2px; și distanță între margini: 20px; adaugă spațiere între punctele de date și chenar pentru a îmbunătăți lizibilitatea.

Informații conexe