Align elementos to vertical-center
This code aligns elements with .vertical-center class to vertical center.
<br/>
jQuery is necessary.
<br/>
<br/>
___
<br/>
<br/>
Este código vai alinhar os elementos com a classe .vertical-center no centro vertical.
<br/>
JQuery é necessário.
<br/>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//your code here...
/*
* Vertical align to center
*/
$(document).ready(function(){
$(".vertical-center").each( function(){
var alturaPai = $(this).parent().height();
var alturaElemento = $(this).height();
var margem = (alturaPai/2) - (alturaElemento/2);
$(this).css('margin-top', margem);
});
});
X
Language: JavaScript | User: Misael Braga | Created: Jan 24, 2014 | Tags: javascript css vertical vertical-align middle center