Nwlapcug.com


Come centrare un DIV dinamico

Come centrare un DIV dinamico


La creazione di un sito Web è un compito impegnativo. Il sito deve essere organizzato, ben progettato, bello alla ricerca e si distinguono tra i milioni di pagine concorrenti. Durante la creazione, formattazione e posizionamento del tuo contenuto, potete trovare la necessità di utilizzare un divisore di dinamico. Divisori, o DIVs, funge da contenitore per tenere il contenuto e la posizione nella pagina. Per impostazione predefinita, un DIV dinamico non sarà centrato sulla tua pagina. Semplici aggiunte al codice garantirà che il vostro DIV appare al centro della pagina.

Istruzioni

1

Aggiungere l'attributo di allineamento al tag DIV con un valore di "centro". Per esempio:

< Div id = "test" align = "center" >

Questo metodo funziona su browser corrente, ma potrebbe non essere visualizzato correttamente in browser meno recenti.

2

Creare un divisore aggiuntivo per contenere il contenuto. Utilizzare un DIV a pagina intera per avvolgere il vostro DIV corrente ed inserire l'attributo di allineamento del testo. Inserire:

< Div id = "contenitore" style = "text-align: center; Width: 100%;" >

direttamente prima il vostro dinamico DIV. chiudere il DIV inserendo "< / div >" direttamente dopo il divisorio dinamico.

3

Utilizzare il tag HTML "centro". Inserire "< Center >" direttamente prima il vostro dinamico DIV. chiudere il tag inserendo "< / Center >" direttamente dopo il codice dinamico di DIV.

Consigli & Avvertenze

  • Scegli attentamente in base alle vostre esigenze. Passaggio 1 è il metodo più diretto, ma non è supportato nei browser meno recenti. Passaggio 2 è un work-around che aggiunge un DIV extra al tuo codice, ma dovrebbe funzionare su browser. Passaggio 3 funzionerà su tutte le versioni di browser corrente e vecchio, ma il "< Center >" tag non è ufficialmente supportato o incoraggiato codice HTML e potrebbe essere eliminato in successive versioni di alcuni browser.