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.
Blogger e Sviluppatore, appassionato sin da piccolo dell’informatica e di tutta la tecnologia.
