HTML5 を使用して Flexbox の要素間の未知のギャップを解決する

# Flexbox の要素間の不明なギャップは、ヘッダーから列分割までのマージンの崩壊が原因で発生します。これを修正するには、-

• ヘッダーの余白を 0 にリセットするか、列に枠線を追加します。
• 属性padding: 10pxをバーに追加することで、バーを埋めることができます。

不明なギャップの問題を解決するには、次のコード スニペットを試してください -

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

以上がHTML5 を使用して Flexbox の要素間の未知のギャップを解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。