[SOLUCIONADO] Centrar div dinamico

[alvaro_trewhela]

Estimados disculpen por cerrar el tema anterior. bueno la pregunta es mas bien rapida, tengo un div donde se le cargaran imagenes dinamicamente, lo que quiero es centrar ese div dinamico

tengo esto:

<div ><img id="img" src="" /></div>

y una funcion que carga la imagen

Código Javascript:

function lightbox(imagen){
document.getElementById("img").src = imagen;
}
 

Como puedo centrar ese div que tendria una anchura dinamica?

Yo el unico metodo que se para centrar es width:x; margin:0 auto;
Pero para ello se necesita saber el ancho.

Saludos, y disculpen

[Rafael]

No, no necesita saber el ancho. El ancho lo define el margin auto.

La cosa es que un IMG es de entrada un inline-block lo que tendrías que hacer es cambiar ese IMG a block.

Código CSS:

img {display: block;}
 

O la otra, por el contrario es decirle a este div que centre la imagen, que por ahora es inline-block

Código CSS:

div.centrar {text-align: center;}
 

[alvaro_trewhela]

Buena me resulto, enverdad es no me gusta centrar por margenes porque si es dinamico tienes que ir configurar el width para que quede centrado.

Gracias