Skip to main content

Come centrare una tabella usando CSS

Come centrare verticalmente ed orizzontalmente un elemento con i css (Aprile 2025)

Come centrare verticalmente ed orizzontalmente un elemento con i css (Aprile 2025)
Anonim

Cascading Style Sheets (CSS) è un linguaggio di foglio di stile utilizzato più spesso per impostare lo stile visivo delle pagine Web scritte in HTML e XHTML. Potresti essere nuovo sul Web design o CSS e avere domande su come centrare un tavolo su una pagina web. Potresti anche essere un designer esperto che è confuso su come eseguire questa tecnica ora che l'attributo CENTER e align = "center" sono deprecati nel tag TABLE. Con i CSS, la centratura delle tabelle su una pagina web non è affatto difficile.

Usa CSS per centrare una tabella

Puoi aggiungere una singola riga al foglio di stile CSS per centrare tutte le tabelle orizzontalmente:

oppure puoi aggiungere direttamente la stessa linea al tuo tavolo:

Quando si posiziona una tabella in una pagina Web, la si posiziona all'interno di un elemento a livello di blocco come BODY, P, BLOCKQUOTE o DIV. Puoi centrare la tabella all'interno di quell'elemento usando il margine: auto; stile. Questo dice al browser di rendere uguali i margini su tutti i lati del tavolo, posizionando la tabella al centro della pagina web.

Alcuni browser Web meno recenti non supportano questo metodo

Se il tuo sito deve supportare un browser Web precedente, come Internet Explorer 6, devi continuare a utilizzarloalign = "center" o il tag CENTER per centrare i tuoi tavoli. Questa è l'unica complicazione che incontrerai quando centrerai i tuoi tavoli su una pagina web. L'utilizzo di questa tecnica è semplice e può essere eseguito in pochi minuti.