iframe只顯示特定部分

我正在研究iframe，而我只需要顯示頁面的特定部分。iframe只顯示特定部分

我只想顯示這部分的博客。

http://s17.postimg.org/ickav5d33/pic.png

這是我的代碼：

<div style="border: 1px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 736px;"> 
<iframe scrolling="no" src="http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html" style="border: 0px none; margin-left: -185px; height: 859px; margin-top: -533px; width: 926px;"> 
</iframe> 
</div>

這裏是一個Fiddle

我怎樣才能做到這一點？

來源

2014-09-27 user24700

請澄清一些事情......您想要展示的特定部分是什麼？你是說iframe沒有按照你的意願定位它的內容嗎？或者你是否說你不想在你的內容上留下額外的空白空間？ – 2014-09-27 03:27:57

看起來你只需要調整你的內聯CSS一點。例如：

<div style="border: 1px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; width: 675px;"> 
<iframe scrolling="no" src="http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html" style="border: 0px none; margin-left: 13px; height: 954px; margin-top: -422px; width: 660px;"> 
</iframe> 
</div>

這似乎與您提供的圖片相符。

我更改了iframe的頁邊距，頁邊距和寬度。我還將div的最大寬度更改爲具有不同值的簡單寬度。

我想出了所有這些使用Firebug的值。我強烈建議您熟悉這類瀏覽器開發工具（所有現代瀏覽器都包含某些「開發人員工具」），這些工具可以讓您在「找到」這些東西的時候玩這些東西，直到找到您喜歡的經過調整的CSS。

的jsfiddle：http://jsfiddle.net/cnmteg76/2/

來源

2014-09-27 03:34:04

http://jsfiddle.net/cnmteg76/3/show我得到一個滾動條在右側如何將其刪除？ – user24700 2014-09-27 03:46:24

滾動條並不是因爲你的iframe，這是因爲jsfiddle.net的「顯示」頁面自動添加了自己的iframe和滾動條。當您在jsfiddle之外的頁面上實現上述源代碼時，不應該有任何滾動條。如果滾動條仍然出現，那麼當然，讓我們知道。 :)但在你的鏈接中，那些酒吧不在我們的控制範圍之內。他們是jsfiddle的。 – 2014-09-27 05:04:07

您可以滾動到頁面的任何部分的鏈接，如果該元素有一個id ATTRIB。 IE http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html#boxB鏈接到boxB滾動位置任何可用作iframe URL的是。

div id = post-body-2265336028782673534是具有ID attrib的最接近的元素。不幸的是，在這個位置下面有10個br元素，而不是更接近ID的html元素。 http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html#post-body-2265336028782673534

如果您可以更改源頁面，請在font標記元素（ID =「linkanchor」）中放置一個id attrib。鏈接到頁面，使用iframe，使用哈希標記鏈接... http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html#linkanchor

來源

2014-09-27 03:47:33 Wayne

iframe只顯示特定部分

回答

相關問題