Question

我正在制作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

我怎样才能做到这一点？

Answer 1

好像你只需稍微调整你的内联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的margin-margin，margin-top和width。我还将div的max-width更改为具有不同值的简单宽度。

我使用Firebug计算了所有这些值。我强烈建议您熟悉浏览器开发人员工具（现在所有现代浏览器都包含某些“开发人员工具”），这些工具可让您“实时”使用这些内容，直到找到您喜欢的调整后的CSS。

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

Answer 2

如果元素具有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 attrib（ID =＆＃34; linkanchor＆＃34;）。使用iframe链接到页面，并使用哈希标记链接... http://teamiwatefsu.blogspot.com/2014/09/jsfiddle-demo-div-display-inline-block.html#linkanchor

iframe仅显示特定部分

2 个答案: