Comment centrer verticalement une division dans une autre ?



Avec un code HTML comme suit :



<div class="parent">

<div class="enfant"></div>

</div>




Ecrire le CSS comme suit :



.parent {
display: flex;
flex-direction: column;
justify-content: center;
}



La division enfant sera centrée verticalement dans la division parent.

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Scénario d'une gestion durable de l'humanité imaginée par un informaticien

Image
Je me suis aidé de bard.google.com pour établir ce scénario des plus probables. Année 2020 L'humanité est confrontée à une crise globale. La population mondiale a atteint 8,5 milliards d'habitants, et les ressources naturelles sont en train de s'épuiser. Les changements climatiques provoqués ont entraîné des catastrophes naturelles de plus en plus fréquentes et destructrices. Une nouvelle élite mondiale se prend pour le Messie annoncé et décide de prendre les choses en main. Elle lance un programme de gestion durable de l'humanité, visant à réduire la population mondiale à 500 millions d'habitants. Le premier objectif du programme est de collecter le code génétique de chaque personne. Cela est fait au moyen de tests antigéniques obligatoires, qui sont effectués à intervalles réguliers. Les données génétiques collectées sont utilisées pour identifier les individus les plus vulnérables, tels que les personnes âgées, les personnes malades, les personnes en surpoids. Le...
Lire la suite

Mémoire saturée : comment faire de la place ?

Image
Après un certain temps d'utilisation, un appareil électronique affiche le message : mémoire saturée . Bien souvent cette saturation est dû aux photos et vidéos stockées dans l'appareil. Comment faire pour garder ses photos à vie et garder de l'espace dans son appareil ? La seule solution que j'ai trouvée est l'utilisation de l'application Google Photos . Bien sûr vous devez concéder vos photos, vidéos à Google qui peut les utiliser pour faire des analyses sur vous mais la contre partie c'est que vous retrouverez toujours vos photos (tant que Google est en vie) et vous n'aurez rien à payer (sauf si vous voulez garder la taille originale de vos photos). Voici comment procéder : - Installer l'application Google Photos depuis l'AppStore ou le PlayStore - Lancer l'application et cocher la Synchronisation - Attendre que toutes les photos et vidéos ont été synchronisées (ce qui peut être long surtout la première fois) - Supprimer toutes les photos ...
Lire la suite

La technologie ARNm

Image
  Tout le monde a pu voir les effets de cette technologie. Personnellement, j'enregistre parmi les personnes que je côtoie, deux myocardites chez des personnes de 20 ans, un décès d'une jeune fille de 25 ans, deux embolies chez des personnes de 60 ans, deux paralysies faciales de personnes de 50 ans, deux AVC soudains de personnes de plus de 80 ans, une crise cardiaque brutale d'une personne de 70 ans, deux décès inexpliqués dans le sommeil de personnes de 40 ans, des problèmes de menstruations chez des femmes, un nombre de décès inégalé depuis le début de 2022. Depuis le début de l'utilisation de cette technologie auprès de la population générale, le nombre de cas positif a explosé. Voir aussi : Témoignage de navigants ,   Les médecins sont majoritairement hostiles aux injections , Où est mon cycle , Témoignages de Guadeloupe
Lire la suite