Как выровнять картинку по центру с position: absolute?

Question

[Данил Полянский]

Код:

<img class="image" src="image.png">

.image {
    position: absolute;
}

Многие способы пробовал, так что банальные display: block не помогают.

Comments

[rshruslan]

Зачем с помощью position?
Чем flex плохи?

[Данил Полянский]

rshruslan, position я поставил для того чтобы другие объекты не видели этот объект (так как он в виде заднего фона) и вставали в столбик друг за другом, этот код я для примера дал.

[Тарас Шульга]

Данил Полянский, я конечно извиняюсь, а разве не проще тогда задать просто фоном?)

[Данил Полянский]

Тарас Шульга, идея хорошая, но врядли оно будет подходить к моему коду)

[Тарас Шульга]

Данил Полянский, хмм интересно, я бы хотел увидеть где фоновая картинка чрез абсолют подходит лучше чем свойство которые в принципе для этого было задумано. А так вам писали самый просто вариант бахнуть по центу абсолютно позиционированный элемент - это left/top 50% , transform translate(-50% , -50%)

Answer 1

[Алексей]

left 0, right 0, margin: 0 auto; Надеюсь про position relative не забыли?