Centrage absolu en CSS
.parent{position: relative;}.child{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} Ces propriétés sont définies sur l'élément enfant. Le positionnement absolu base la position de l'élément par rapport à l'élément parent le plus proche qui possède position: relative. S'il n'en trouve pas, il sera relatif au document. Ajoutez top: 50%; left: 50%; car la position est calculée à partir du coin supérieur gauche. créé en utilisant draw.ioVous devez retirer l'élément avec la moitié de sa largeur et de sa hauteur. Vous pouvez y parvenir avec transform: translate(-50%, -50%); Utilisation de l'unité Viewport .child{margin: 50vh auto 0;transform: translateY(-50%);} Nous utilisons le margin-left/margin-right : auto ; pour le centrage horizontal et utilisons la valeur relative vh pour le centrage vertical. Bien sûr, il faut retirer l'élément comme dans l'exemple absolu (mais ne traduire que la hauteur).…