Come fare qualcosa verticalmente Centrato in un div

May 20

In verticale allineando un elemento che fa parte di un div contenitore è uno degli strumenti che consente di formattare una pagina Web in modo accurato. Un contenitore div è un elemento che è possibile creare utilizzando Cascading Style Sheets (CSS), un linguaggio utilizzato dagli sviluppatori web per modificare lo stile di un sito web. Un elemento div può contenere qualsiasi tipo di HyperText Markup Language (HTML) oggetto, ad esempio un'immagine, tavolo o un testo anche semplice. È possibile allineare verticalmente uno di quegli oggetti in un div utilizzando la sintassi corretta.

istruzione

1 Aprire il file CSS che contiene le regole per la div contenitore che si desidera modificare. Utilizzare un editor di testo, come Blocco note di Windows.

2 Individuare la dichiarazione che contiene le regole per il contenitore div. La dichiarazione dovrebbe iniziare con un punto, seguito dal nome della classe del div.

3 Aggiungere la seguente regola tra le parentesi graffe dopo la dichiarazione:

vertical-align: middle;

Per fare un esempio, se si desidera allineare verticalmente un div con il nome della classe di "PAGETITLE," il codice CSS dovrebbe essere:

.titolo di pagina {
vertical-align: middle;
}

4 Salvare il file CSS e caricarlo sul server Web.