利用 HTML5 解决 Flexbox 中元素之间未知的间隙。

flexbox 中的元素之间的未知间隙是由于页眉到条形分割的边距合并引起的。要解决这个问题 −

• 页眉的边距重置为 0，或者为条形添加边框。
• 可以通过将属性填充: 10px 添加到条形来填充条形。 

尝试以下代码片段来解决未知间隙问题 −

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

Arjun Thakur

更新于: 24-Jun-2020

194 次查看

开启你的 职业生涯

通过完成课程获得认证

入门