Come centrare un div con CSS

A volte può capitare che dobbiamo centrare un div all’interno del nostro template. La cosa più semplice da fare è quella di andare ad implementare un nostro div che possiamo modificare e impostare in base alle nostre esigenze. Infatti questo snippets vi permette sia di centrare un div, ma può essere ottimizzato e migliorato per posizionare il div la dove voi desiderate.

CSS Snipetts: centrare un div

#idDiv {
   width: 400px; /* qui si inserisce il valore in px per la larghezza di cui avete bisogno */
   height: 200px; /* qui si inserisce il valore in px per l'altezza di cui avete bisogno */
   position:absolute;
   left:50%;
   top:50%;
   margin-left:-200px; /* come il valore precedente, anche questo è collegato alla larghezza, solo che deve esserà la metà e con valore negativo */
   margin-top:-100px; /* come il valore precedente, anche questo è collegato all'altezza, solo che deve esserà la metà e con valore negativo */
}

Conclusione

Questo è tutto quello che vi posso dire sul come centrare un div con CSS. Continuate a seguirci da vicino per altri post analoghi.

Seguiteci anche su Facebook, Google Plus, Tumblr, Twitter e Telegram , per restare sempre in contatto con noi e con le nostre guide.

Flavius Florin Harabor

Blogger e Sviluppatore, appassionato sin da piccolo dell’informatica e di tutta la tecnologia.

androidos-lab.it