使用HTML5解決Flexbox中元素之間的未知間隙

Flexbox 中元素之間的未知間隙是由於標題到欄分割的邊距折疊造成的。若要解決此問題 -

• 將標題的邊距重設為 0，或將邊框新增至欄。
• 可以透過在 bar 中新增屬性 padding: 10px 來對 bar 進行填入。

嘗試以下程式碼片段來解決未知間隙問題 -

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

以上是使用HTML5解決Flexbox中元素之間的未知間隙的詳細內容。更多資訊請關注PHP中文網其他相關文章！