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


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

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

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

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

更新於: 2020 年 6 月 24 日

194 次瀏覽

開啟你的 職業生涯

完成課程即可獲得認證

開始
廣告
© . All rights reserved.