.class { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
自分自身を相対的にtopから50%の位置に配置し、transformで自身の高さの50%上にずらすことで中央配置を実現しています。
Sassならば下記のように短縮できますね。
.class { position: relative; top: 50%; @include transform(translateY(-50%)); }
参考元:http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/