从嵌入式Google表格中删除Google Border

reisnern21:

我希望将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&amp;single=true&amp;widget=true&amp;headers=false">
  </iframe>
</html>

结果是这样的:https : //imgur.com/CopCfvL我只想要带有“ 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&amp;single=true&amp;widget=true&amp;headers=false">
  </iframe>
  </div>
</html>

这不是最漂亮的东西,但是我认为我们可以使用容器<div>元素和负的垂直边距实现您想要的

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Google Chrome浏览器的嵌入式Javascript中设置断点?

更新/替换Google文档中的嵌入式图像

从表格中删除`border`属性不会删除边框

如何删除p:dataTable的border-collapse?

WordPress:需要在Google嵌入式地图iframe中设置缩放级别

HTML:尝试从嵌入式Google日历中删除元素

为Google表格启用嵌入式安装

是Safari中border-radius的bug?

从嵌入式文档中删除字段

为什么.border-0在Bootstrap 4.0.0中覆盖.border-bottom

从Python中的HTML抓取嵌入式Google表格

嵌入式系统的Google测试

使用PyPDF2检测Google Docs生成的PDF文件中的非嵌入式字体

在Google网站的嵌入式网络应用中无法链接吗?

为什么在Google文档中复制表格不会复制嵌入式图形?

嵌入式Google表格会删除其后的元素

Google表格-结合条件公式和嵌入式公式使用ArrayFormula

从Google表格中提取嵌入式图片并重新插入为链接

如何在Google Apps脚本电子表格嵌入式脚本中使用确认按钮?

glTexImage2d中的border参数

从新版Google地图中的嵌入式地图中删除信息窗口

使用border-collapse更改表格的宽度:

覆盖HTML表格的border属性

无法从Google App Engine项目中显示html中的嵌入式图像

如何缩小嵌入式Google地图?

猫鼬嵌入式方案不能从嵌入式数组中删除

PhoneGap,嵌入式Google地图未显示在Android Build中

嵌入式浏览器中对Google的OAuth请求

CSS中的border-image-width

TOP 榜单

热门标签

归档