2011-02-03 40 views

Respuesta

8

CSS:

/* where margin-left = {img width}/2, and margin-top= {img height}/2 */ 
.bigdiv { 
    width:100%; 
    height:100%; 
    position:absolute; 
} 
.bigdiv img { 
    position:absolute; 
    left:50%; 
    top:50%; 
    margin-left:-10px; 
    margin-top:-10px; 
} 

HTML:

<div class="bigdiv"><img src="eg.png" /></div> 

También puede poner su margen izquierda, margin-top comandos como un estilo en la etiqueta img en su lugar (ya que son por única imagen).

+0

Su ejemplo funciona, pero agrega desplazamientos horizontales y verticales en Safari 5.0.3 (Mac OS X 10.6.6) Mi imagen es 100px/100px, por lo que los valores de margen (izquierda | derecha) son -50px ¿Cómo solucionar eso? –

+0

Eso es como el safari relleno de 'cuerpo' predeterminado, intente agregar CSS: 'cuerpo {margen: 0; relleno: 0;}' – Rudu

+0

Ahora funciona. Gracias. –

Cuestiones relacionadas