我有一个iframe用于Google图表,该图表周围有太多间距。我想将其嵌入到我的页面中,但将其裁剪以摆脱周围的空间。
我试图通过将iframe设置为更小height
和width
属性来做到这一点,但是我无法弄清楚如何在iframe中重新定位内容以使其居中。
这是图表的iframe:
<iframe width="550" height="170" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/1r56MJc7DVUVSkQ-cYdonqdSGXh5x8nRum4dIGMN89j0/pubchart?oid=1407844401&format=interactive" onload="window.frames['itunes'].scrollTo(250,250)">></iframe>
您如何以这种方式重新定位iframe的内容,还是有更好的解决方案?
谢谢
您应该将iframe包裹在div或其他物体中,然后将iframe定位。这里的代码:
<div class="wrapper">
<iframe></iframe>
</div>
这是CSS
.wrapper{overflow:hidden;}
.wrapper iframe{position:relative; left:-40px; top:-30px;}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句