即使将iframe中的frameborder属性设置为0,iframe边框仍然存在一些空白区域(与原始url /链接页面不同) 。有没有其他方法可以摆脱空白区域,或者iframe内部必须呈现一些白色的内容,因为它位于网页(或其中的一部分)内,并且它不能是整个页面?谢谢。甚至在将frameborder设置为0之后,iframe边框仍然存在空白区域
回答
试试这个:
<iframe bgcolor=#FFFFFF frameborder=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 width=100%
height="340"
src="myframe.html">
</iframe>
这和上面提到的html一样,body {}属性 - 以及使用滚动=“自动” - 解决了10像素填充,似乎被添加到包含图像的iframe底部。这个增加的空间导致垂直滚动条无法用Firefox显示。当您单独将浏览器指向图像时,我试图利用Firefox的自动重新调整大小和缩放功能。当您在iframe中尝试这种方法时 - 它会在图像底部添加额外的空间 - 或者iframe本身就像裁剪图像一样。 – KDawg 2012-12-28 19:50:32
我用来摆脱垂直滚动条的最终iframe设置为:
你在上面的评论中的回答为我工作后,通过网络iframes喘气。 – 2013-01-14 13:38:18
通过在全屏加入这个CSS,我们可以让IFRAME
body,html
{
background-color:#DDEEDD;
padding:0px;
margin:0px;
height:100%;
width:100%;
overflow:hidden;
}
iframe
{
margin:0;
padding:0;
border:none;
overflow:hidden;
background-color:#DDEEDD;
}
一些不必要的重复,对吗? iframe可以在html和iframe部分被删除之后。无论如何,这是唯一对我有用的建议,所以谢谢! – 2014-11-11 10:15:45
只需添加style="margin: 0 0 0 0"
内<iframe >
标签。
例如:
<iframe src="http://www.yahoo.com" style="margin: 0 0 0 0"></iframe>
如果你想保证金,你必须数
(感谢 “检查元素” Safari浏览器的工具),这解决了我的解决方案后添加 'PX' 。
弗雷德里克的建议解决了我的问题:如何摆脱safari浏览器的全屏幻灯片中的白色边框。完善!非常感谢,wimsch [因为我无法对他的回答添加评论[< 50]:我把它放在这里,让他知道我的感激之情]
试试这个
<iframe src="....." style="position:absolute;"></iframe>
我跑进一个类似的问题:我有一个figure
标签内的iframe,iframe和figcaption
元素之间有一些空白。
<figure>
<iframe></iframe>
<!-- white space was here -->
<figcaption></figcaption>
</figure>
在我的情况下,简单地添加iframe { display:block }
解决了这个问题。
以下适用于iframe的
display: block
应该是评论 – 2016-08-18 05:48:59
为我工作。谢谢! – 2017-02-21 15:40:31
- 1. divs之间的空白区域,即使边距和填充设置为0
- 2. HTML/CSS白色的空间仍然存在,甚至评论新线
- 3. 甚至在空字符后仍然会打印垃圾值
- 4. 重置样式表,仍然有空白区域
- 5. WebView iframe忽略frameborder =“0”
- 6. 甚至设置为0,奇数设置为1
- 7. 在登录之前获取Facebook区域设置或者甚至加载SDK
- 8. 甚至在对列执行AutoFit()之后,Excel.Range.Text值依然为'######'值
- 9. 将Asp.net ImageButton设置为visible = false。仍然显示灰色边框
- 10. 域名在删除后仍然存在
- 11. 设置内存高,然后set_time_limit为0
- 12. 权限甚至在chmod后仍然被拒绝777
- 13. 当边框设置为0时出现在页面底部的空白
- 14. 将空值设置为0,然后在运算符中使用0?
- 15. 的accessToken甚至消除来自Facebook的应用程序后,仍然存在设置
- 16. 甚至在配置文件中使用.NET 4.0后,nunit代理仍然挂起
- 17. 表格仍然提交甚至与preventDefault
- 18. ModalViewController甚至在设置其框架之后重叠导航栏iphone
- 19. UITableView在上下页面中添加空行,仍然存在将页眉和页脚设置为空视图后
- 20. gps.getLasknowlocation甚至在设置位置之后在模拟器中返回null?
- 21. 为什么在我的css左边有一个空白区域
- 22. 如何删除封闭标题和框边框之间的空白区域?
- 23. £仍然出现在电子邮件甚至将HTML和PHP为UTF-8
- 24. 甚至在编译好之后,JNI UnsatisfiedLinkError
- 25. iOS 7 - 查看重叠状态栏,甚至将Delta Y设置为20之后
- 26. 如何在此表中将边框设置为0
- 27. 空白区域
- 28. 仍在下载甚至Keras在./keras/models
- 29. 按钮仍然禁用如果选择仍然存在,但输入框为空
- 30. modalViewController仍然设置后dismissModalViewController
您可以发布您的iframe的代码,你申请到的iframe中的文档的样式?据猜测,我想说你需要将包含文档的“body”的填充设置为0,但这是对缺乏信息的猜测。 :-) – 2010-10-26 08:52:15
是的,它似乎是这样,并已解决它。感谢您的帮助 – Muaz 2010-10-26 09:05:54