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

flexbox 中的元素之間的未知間隙是由於頁首到條形分割的邊距合併引起的。要解決這個問題 −

  • 頁首的邊距重置為 0，或者為條形新增邊框。
  • 可以透過將屬性填充: 10px 新增到條形來填充條形。 

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

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

更新於: 24-Jun-2020

194 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

入門
廣告