Come Centrare Un Div

Sommario:

Come Centrare Un Div
Come Centrare Un Div

Video: Come Centrare Un Div

Video: Come Centrare Un Div
Video: Come centrare verticalmente ed orizzontalmente un elemento con i css 2024, Aprile
Anonim

I moderni standard di layout di pagina non vietano l'uso del layout di tabella, tuttavia, il layout a strati, infatti, è diventato uno standard obbligatorio durante la creazione di siti. Oltre agli ovvi vantaggi, la sostituzione della disposizione dei tavoli ha portato nuovi e piccoli problemi. Uno di questi è l'allineamento orizzontale della struttura a blocchi nella pagina. Diamo un'occhiata a un paio di modi pratici per impostare il livello al centro della larghezza della pagina.

Come centrare un div
Come centrare un div

Necessario

Conoscenza base di HTML

Istruzioni

Passo 1

Una delle opzioni per risolvere il problema dell'allineamento di un livello (blocco DIV) al centro della finestra di una pagina aperta viene ignorata solo tramite HTML (HyperText Markup Language - "hypertext markup language"). Devi inserire il blocco all'interno del tag. Il codice della pagina più semplice, strutturato in questo modo, può apparire, ad esempio, così:

Allineare un DIV al centro

Passo 2

Un'altra opzione utilizza CSS (Cascading Style Sheets). Nello stile del livello allineato, è necessario impostare il rilevamento automatico della quantità di offset dai bordi della finestra. Il codice di tale pagina nella sua forma più semplice può essere, ad esempio, così:

Allineare un DIV al centro

Consigliato: