HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 当标准模式下的单元格内有iframe时,Firefox和Chrome会向表格单元格添加2px底部填充大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在研究一个内部网应用程序,该应用程序多年来一直致力于所有主流浏览器中的怪异模式.目标是让它在标准模式下工作而不会破坏任何东西,以便我们可以使用一些jQuery包.无论如何我的问题是在标准模式下,当单元格内有iframe时,Firefox和Chrome会向表格单元格添加2px底部填充.这不会发生在IE中.

当我切换到quirks模式时,填充在Firefox和Chrome中消失.
当我添加div而不是iframe时,填充消失了.
将表celLPADding和cellspacing设置为零无济于事.
iframe src页面也处于标准模式.

这是一个测试用例,供您查看:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
<html>
<head><title>Test</title></head>
<body style="BACkground:#FFF;">
<table celLPADding="0" cellspacing="0" border="0">
      <tr>
            <td id='browser_td' style='width:1000px; height:500px; margin:0px; padding:0px; BACkground:#000; border-bottom:0px;'>
                  <iframe id='browser_iframe' name='browser_iframe' src="http://houston.craigslist.org/" width='1000' height='500' frameborder="0" hspace="0" vspace="0"></iframe>
            </td>
      </tr>
</table>
</body>
</html>

解决方法

@H_874_14@ 将vertical-align:top添加到iframe. vertical-align的初始值是基线.

iframe是内联元素.有问题的差距是以字母为descenders保留的空间.

更多信息:https://developer.mozilla.org/en/Images,_and_Mysterious_Gaps

大佬总结

以上是大佬教程为你收集整理的html – 当标准模式下的单元格内有iframe时,Firefox和Chrome会向表格单元格添加2px底部填充全部内容,希望文章能够帮你解决html – 当标准模式下的单元格内有iframe时,Firefox和Chrome会向表格单元格添加2px底部填充所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。