Отобразить изображение в центре страницы

Question

У меня есть изображение - изображение загрузки.

Я хочу, чтобы это изображение отображалось в центре страницы. Как я могу это сделать?

Код, который я написал:

img.loading
    {
        position:absolute;
        left:0px;
        top:0px;
        z-index:1;
    }

Как сделать так, чтобы это изображение всегда отображалось в центре страницы?

Answer 1

Нашел это: Как идеально отцентрировать изображение в CSS , может помочь.

#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 */
}

Answer 2

См. W3C

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

<IMG class="displayed" src="..." alt="...">

Answer 3

Или вы можете использовать background: url(center_image) no-repeat center;

---

рабочий пример: http://jsfiddle.net/DT4hL/