前端之家收集整理的这篇文章主要介绍了
html – Iframe在下面创建额外的空格,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
添加显示:块;像你这样的iFrame风格:
.border iframe {
border: none;
width: 300px;
height: 100px;
margin: 0;
padding: 0;
opacity: 0.8;
display:block; /* Add this */
}
更新
为了解释这一点 – iFrame是一个内联框架,这意味着它是一个内联元素,像img标签一样,可以与空格有问题。设置显示:block;在其上将iFrame转换为块元素(如div),这将删除空格问题。
原文链接:https://www.f2er.com/html/233292.html