[Résolu] Centrer verticalement dans la fenêtre un div avec flexbox

Bonsoir,

Aucun problème pour centrer un block dans un autre block ayant le contecte flexbox si celui-ci a une hauteur fixe.
Par contre dans le cadre d'une hauteur non fixe, je n'y arrive pas.
Et ceci dans le cas "habituel" où je veux centrer un div au mileu de la fenêtre du navigateur.

.container {
			display: -webkit-flex; 
			display: flex;
			flex:1;
			flex-direction: column;
			background-color: lightgreen;	
		}
.wrapper  {
			margin: auto;
		} 

Cordialement

Bonsoir,
il te faut height: 100% (ou min-height) herité de html et body si .container est enfant direct de body.

Cdt

P.S.+ reset margin sur body et eventuellement du box-szing si border ou padding

<edit>reste une solution simplicisme en cas de peu de contenu :

html {
   height:100%;
   width:100%;
   display:flex;
}
body {
   margin:auto;
}

Modifié par gc-nomade (13 Feb 2015 - 20:27)