iframe 内的 div 宽度答案

【问题标题】：Div width inside an iframeiframe 内的 div 宽度
【发布时间】：2012-08-13 22:49:15
【问题描述】：

我有一个 iframe，还有一个 body 和一个 div

 <iframe name="myiframe">
    <html><head></head>
    <body>
    <div style="width: 100%;">This is my test text</div>
    </body>
    </html>
 </iframe>

iframe 具有特定的宽度。假设是 100 像素。并且 div 获得了 100% 的内容。问题是我在 div 中的文本并非全部可见。我只能看到适合 100 像素的内容，其余部分被隐藏，而我希望它分成两行以防不适合。

有人知道我该怎么做吗？

提前致谢

【问题讨论】：

它对我来说很好用。这些元素有一些你没有向我们展示的样式。嵌入页面的正文是否有固定宽度？
在您发布的 HTML 中，标记位于错误的位置。它应该在标签之前。此处使用 iframe：w3schools.com/TAGs/tag_iframe.asp
是的，头部等只是一个例子。 body no 没有固定的宽度，没有任何宽度。
请创建一个显示您的完整 html/css 的小提琴。

标签： html iframe text width

【解决方案1】：

首先，请注意身体不应在头部（如您的示例所示）。

接下来，我相信 iframe 中的文本是浏览器不支持 iframe 时查看的内容。要正确使用 iframe，您必须将 html 保存到单独的文件中，并使用 src 属性将文件加载到框架中。

这样的事情应该可以工作：

page1.html

<html>
<head></head>
<body>
    <iframe src="page2.html">
        <p>Your browser does not support iframes.</p>
    </iframe>
</body>
</html>

page2.html

<html>
<head></head>
<body>
<div style="width: 100%;">This is my test text</div>
</body>
</html>

有关更多信息，请查看 W3Schools：

【讨论】：

我正在使用支持 iframe 的 Firefox。不幸的是 page2.html 不是我的选择。我必须按照我在代码中向您展示的方式进行操作。
您无法按照代码中显示的方式进行操作。如果浏览器确实支持 iframe，它不会显示任何内容。我很惊讶你甚至在 iframe 中看到任何内容。
好的，谢谢，我会检查一下，那么一般代码中可能还有其他问题。
iFrame 的目的是在不重定向的情况下将另一个 HTML 页面加载到当前页面中。如果您只是将 HTML 静态嵌入到您的页面中，那么只需使用 div。