Résoudre les écarts inconnus entre les éléments dans Flexbox à l'aide de HTML5

Les espaces inconnus entre les éléments dans Flexbox sont causés par l'effondrement de la marge entre l'en-tête et la division de la colonne. Pour résoudre ce problème : 

• Réinitialisez les marges de l'en-tête à 0 ou ajoutez une bordure à la colonne.
• Vous pouvez remplir la barre en ajoutant l'attribut padding : 10px à la barre.

Essayez l'extrait de code suivant pour résoudre le problème d'écart inconnu -

.bar {
   background: yellow;
   color: gray;
   height: 250px;
   padding: 10px;
   text-align: center;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!