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

Flexbox 中元素之間的未知間隙是由於頁首與中間分割線的邊距摺疊。為了解決此問題，

• 將頁首的邊距重置為 0，或為中間分割線新增邊框。
• 可以對中間分割線進行填充，方法是為中間分割線新增屬性 padding: 10px。

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

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

Arjun Thakur

更新於： 2020 年 6 月 24 日

194 次瀏覽

開啟你的 職業生涯

完成課程即可獲得認證

開始