Если размеры блока известны, то проще всего так:
.popup--centered {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100px;
height: 100px;
}
Если не известны или нужен еще оверлейный слой, то как-то так
<style>
.popup--centered_overlay {
text-align: center;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,.2);
}
.popup--centered_overlay::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.popup--centered {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
}
</style>
<div class="popup--centered_overlay">
<div class="popup--centered">Блок по центру страницы</div>
</div>