如何在不滾動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;}