Spesso ci si trova davanti al problema di dover centrare sia in verticale che in orizzontale un elemento. Solitamente si ricorre a qualche calcolo in JavaScript o in CSS con le percentuali per quanto riguarda l' allineamento verticale, mentre per quello orizzontale si impostano i margini a destra e sinistra automatici, ma fortunatamente il CSS3 che fornisce nuove proprietà per far ciò in modo rapido: box-pack e box-align.
Impostando tali proprietà su center, impostandole anche per firefox tramite il prefisso -moz- e per safari e chrome tramite -webkit-, settando anche display su box, si otterrà il risultato desiderato. I seguenti codici non sono attualmente compatibili con IE e Opera.
Ovviamente con un minimo di logica, è possibile centrare, pertanto, anche un div ad esempio.
Impostando tali proprietà su center, impostandole anche per firefox tramite il prefisso -moz- e per safari e chrome tramite -webkit-, settando anche display su box, si otterrà il risultato desiderato. I seguenti codici non sono attualmente compatibili con IE e Opera.
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Ovviamente con un minimo di logica, è possibile centrare, pertanto, anche un div ad esempio.
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Ultima modifica:
