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.
#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 */ }
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.