Centralize elementos responsivos automaticamente!

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í!

Exemplo

http://shipp.co/midway/example.html