SVG未在iframe内完全扩展

时间:2015-09-21 13:15:39

标签: html css iframe svg matplotlib

所以我有点到了什么'盲目甩尾'可以完成,我希望有人可以指出我在这里正确的方向。我只是开始吸收整个HTML / CSS的做事方式,所以仍然很新。

所以我试图解决的问题是在屏幕上保持一切可见。该页面主要用于将matplotlib生成的一系列图表导航为SVG,但其他都是静态内容。

该页面的基本形式为:

<html>
    <body>
        <div name=someFrameName>
            <h2>Some Section</h2>
            <iframe src="some_html_with_controls_and_data_2.html">
                <html>
                    <body>
                       <table>
                            <tr>
                                <td><a href=some_html_with_controls_and_data_1.html>Data Set 1!</a></td>
                                <td>Data Set 2!</td>
                                <td><a href=some_html_with_controls_and_data_3.html>Data Set 3!</a></td>
                            </tr>
                            <tr>
                                <td colspan=3 rowspan=3>
                                    <img src=data_set_2.svg/>
                                </td>
                            </tr>
                        </table>
                    </body>
                </html>
            </iframe>
        </div>
    </body>
</html>

还有一些非常基本的CSS,主要是&#39;宽度:100%;高度:100%;&#39;和&#39; table-layout:fixed;&#39;,但这是一个相当实用的输出,因此没有那么多。

在大多数情况下,这种方法很好,但是我遇到的问题是内容比显示的内容更长。这导致一些部分在前一部分开始之前开始(因此底部被切断)或内容继续低于整页的最大滚动。通常,至少,任何给定表格的边框都会与下一个标题的文本重叠。

所以我希望有人可以建议一种告诉浏览器的方法&#39;是的,扩展这个div中的所有内容,以便显示&#39;。我看了很多类似的线程,但它们似乎都是更复杂的情况,或者特别涉及长文本被切断的问题。

我应该注意的一个限制是页面不能使用站点外部的任何资源(不能假设Internet连接),也不能使用大多数java脚本库,因为许可证问题。因此,在这种情况下,很多标准便利库都不可用。

谢谢!

0 个答案:

没有答案