Informações
Midway.js torna muito fácil centralizar automaticamente os elementos responsivos em seus sites. Todos vocês conhecem e amam a técnica de centralização de posicionamento absoluto , mas o que acontece quando esses elementos centralizados mudam de tamanho, devido a layouts baseados em porcentagem? É aí que entra o Midway.js.
Download e uso
Baixe Midway.js usando o link acima e coloque-o no diretório raiz do seu site. Em seguida, coloque o seguinte antes </head>
<script type="text/javascript" src="midway.min.js"></script>
Dependendo se você deseja que seu elemento seja centralizado horizontalmente, verticalmente ou ambos, adicione as seguintes classes.
<div class="centerHorizontal centerVertical"></div>
É isso aí!