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

Flexbox 中元素之间的未知间隙是由于页眉与中间分割线的边距折叠。为了解决此问题，

• 将页眉的边距重置为 0，或为中间分割线添加边框。
• 可以对中间分割线进行填充，方法是为中间分割线添加属性 padding: 10px。

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

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

Arjun Thakur

更新于： 2020 年 6 月 24 日

194 次浏览

开启你的 职业生涯

完成课程即可获得认证

开始