Le Hollandais Volant#8520 - Z63 | Vertical align anything with just 3 lines of CSS |
Centrer verticalement absolument n’importe quoi en CSS avec juste 3 lignes de code.
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}
Ceci dit, il faut mieux savoir utiliser correctement « vertical-align » et les « line-height », car l’astuce ici est un hack pas très propre (et pas fait pour ça).
Prenez plutôt les astuces ici : http://www.alsacreations.com/xmedia/tuto/exemples/vertical/demos.html
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}
Ceci dit, il faut mieux savoir utiliser correctement « vertical-align » et les « line-height », car l’astuce ici est un hack pas très propre (et pas fait pour ça).
Prenez plutôt les astuces ici : http://www.alsacreations.com/xmedia/tuto/exemples/vertical/demos.html