Показать сообщение отдельно
  #6 (permalink)  
Старый 24.08.2014, 16:43
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Если размеры блока известны, то проще всего так:
.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>
Ответить с цитированием