Одним из самых простых и элегантных способов выровнять блок по центру страницы является использование flexbox. Но имейте ввиду, что центральное позиционирование сохраняется даже если родительский блок меньше дочернего, последний будет выходить за рамки и обрезаться.
<div class="parent"> <div class="block"> <img src="1450829233933958453855" alt=""/> </div> </div>
.parent { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; align-items: center; align-content: center; justify-content: center; overflow: auto; } .block { background: #60a839; img { display: block; border: none; } }