如何在不滚动iframe的情况下重新定位内容？

Question

我有一个iframe的谷歌图表，它有太多的间距。我想将其嵌入到我的页面中，但是裁剪它以摆脱周围的空间。

我试图通过设置与较小的height和width属性的iframe来做到这一点，但我无法弄清楚如何重新定位iframe中的内容来居中它。

下面是图表的iframe：

<iframe width="550" height="170" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/1r56MJc7DVUVSkQ-cYdonqdSGXh5x8nRum4dIGMN89j0/pubchart?oid=1407844401&amp;format=interactive" onload="window.frames['itunes'].scrollTo(250,250)">></iframe> 

你如何重新定位的iframe的内容，这种方式还是有更好的解决办法？

谢谢

Answer 1

你应该将iframe包装在div或其他东西中，并定位iframe。 这里的代码：

<div class="wrapper"> 
<iframe></iframe> 
</div> 

，这是CSS

.wrapper{overflow:hidden;} 
.wrapper iframe{position:relative; left:-40px; top:-30px;}