Come centrare un DIV All'interno di un Div

October 18

Un div è un elemento contenitore creato da un "<div>" e la chiusura "</ div>" tag di apertura. tag div sostituire la "<table>" tag deprecati dalla precedente versione del linguaggio HTML di programmazione Web. contenitori div possono contenere testo, immagini, video o addirittura un intero sito web. Se si vuole centrare il vostro sito web, è possibile racchiuderlo all'interno di un tag div all'interno di un tag div più grande. Ciò manterrà il contenuto al centro dello schermo, indipendentemente dalle dimensioni della finestra del browser.

istruzione

1 Aprire il documento di una pagina Web in un editor di testo.

2 Fare clic per posizionare il cursore in qualsiasi punto tra il "<body>" e "</ body>" tag.

3 Digitare quanto segue:

<Div style = "text-align: center; width: 600px; '>

Questa linea di codice crea contenitore div esterno e rende larga 600 pixel (questo valore può essere cambiata come necessario o su "100%"). Il "text-align: center;" proprietà allineerà qualsiasi testo, immagini o contenitori div al centro del contenitore div esterno quando reso in Internet Explorer 6 e versioni più recenti.

4 Digitare quanto segue:

<Div style = width ': 300px; text-align: left; margin: 0 auto; '>

Questo crea il contenitore div interno con una larghezza di 300 pixel (la larghezza può essere cambiato in qualsiasi valore inferiore alla larghezza definita del tag div esterno nel passaggio precedente) e allinea testo all'interno del contenitore div interno al valore predefinito di " sinistra." Il "margin: 0 auto;" Proprietà centra il div contenitore interno all'interno del contenitore div esterno.

5 Tipo "</ div>" per chiudere il tag div contenitore interno.

6 Tipo "</ div>" per chiudere il tag div contenitore esterno.

7 Fai clic su "File" e "Salva" per salvare il documento pagina Web.