我希望将 Google 表格嵌入到 Google 扩展程序中。足够简单——只需使用自动生成的嵌入代码并将其粘贴到 html 文件中即可。这就是我所做的：
<html>
<link rel="stylesheet" href="extension.css">
<iframe
width="250px"
height="250px"
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQhhQM1ag9M_exkDEV8omFWuI5-4tRizOZ5pl0ZzxpAEJ3rHfWzWilEzjgV4jwpyEj2aaTUkfQx6DRK/pubhtml?gid=1478993491&single=true&widget=true&headers=false">
</iframe>
</html>
结果是这样的：https://i.stack.imgur.com/U1EfH.jpg。我只想要包含“TEAM”和“SCORE”列的表格，有没有办法摆脱 Google 边框（即“Color Wars Scoring : Sheet2”和下面的选项卡）？我一直在寻找内置的方法来删除它，似乎曾经有过，但现在不再有。话虽这么说，我觉得应该有一个足够简单的解决方法，可能是使用 JavaScript。我只是不够了解，无法弄清楚。
感谢您的帮助！
iframe {
margin-top: -30px; /* Cut off top bar */
margin-bottom: -30px; /* Cut off bottom bar */
}
div {
overflow: hidden; /* Makes cutoff work */
border: 2px solid black; /* Just for aesthetics, can be removed */
display: inline-block; /* Fit div to contents */
}
<html>
<link rel="stylesheet" href="extension.css">
<div>
<iframe
width="250px"
height="250px"
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQhhQM1ag9M_exkDEV8omFWuI5-4tRizOZ5pl0ZzxpAEJ3rHfWzWilEzjgV4jwpyEj2aaTUkfQx6DRK/pubhtml?gid=1478993491&single=true&widget=true&headers=false">
</iframe>
</div>
</html>
这不是最美丽的事情，但我认为我们可以使用容器实现你想要的<div>元素和负垂直边距。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
