Unbekannte Lücken zwischen Elementen in Flexbox mit HTML5 schließen

Unbekannte Lücken zwischen Elementen in Flexbox werden durch Randeinbrüche von der Kopfzeile zur Spaltenteilung verursacht. Um dieses Problem zu beheben:

• Setzen Sie die Ränder der Kopfzeile auf 0 zurück oder fügen Sie der Spalte einen Rahmen hinzu.
• Sie können die Leiste auffüllen, indem Sie der Leiste das Attribut padding: 10px hinzufügen.

Versuchen Sie das folgende Code-Snippet, um das unbekannte Lückenproblem zu beheben -

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

Das obige ist der detaillierte Inhalt vonUnbekannte Lücken zwischen Elementen in Flexbox mit HTML5 schließen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!