Tengo una imagen - una imagen de carga.Mostrar la imagen en el centro de la página
Quiero que esa imagen se muestre en el centro de la página. ¿Cómo puedo hacer eso?
El código que he escrito es:
img.loading
{
position:absolute;
left:0px;
top:0px;
z-index:1;
}
¿Cómo puedo hacer que esta imagen se mostrará siempre en el centro de la página?
encontrado esto: How to Center an Image Perfectly in CSS, podría ayudar.
#img
{
position:absolute;
width:592px; /*image width */
height:512px; /*image height */
left:50%;
top:50%;
margin-left:-296px; /*image width/2 */
margin-top:-256px; /*image height/2 */
}
Ver W3C
IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto
}
<IMG class="displayed" src="..." alt="...">
Esto centrará el imagen horizontalmente pero no verticalmente. –
El enlace cubre eso, pero no es ideal. "El nivel 2 de CSS no tiene una propiedad para centrar las cosas verticalmente. Probablemente habrá una en el nivel 3 de CSS". –
O puede utilizar background: url(center_image) no-repeat center;
ejemplo de trabajo:http://jsfiddle.net/DT4hL/
Esto suena como que está tratando de centrar verticalmente. ¿Puedes confirmar esto? Además, ¿su imagen va a tener una altura fija? –
posible solución [http://stackoverflow.com/questions/1207525/center-block-element-in-element/1207625#1207625](http://stackoverflow.com/questions/1207525/center-block-element-in -elemento/1207625 # 1207625) – desigeek
intente esto >> http://stackoverflow.com/questions/1224399/display-the-image-in-the-center-of-the-page/15375386#15375386 – noelyahan