Quiero centrar una imagen de ancho / alto desconocido en una página, asegurándome de que se reduzca si es más grande que la página (es decir, usemax-width/max-height).

Intenté usar eldisplay:table-cell método, peromax-width se ignora en Firefox para todos los elementos dentro de los elementos declarados condisplay:table-cell. ¿Hay alguna manera de centrar verticalmente un elemento de altura variable sin usardisplay:table-cell?

Puedo cambiar la marca. JavaScript es aceptable, pero no puedo usar JQuery (ni ninguna otra biblioteca JS).