gpt4 book ai didi

HTML 适合其内容的高度
转载 作者:太空宇宙 更新时间:2023-11-04 16:25:13 26 4
gpt4 key购买 nike

我正在尝试使用 <object type='text/html' data='/forum'></object>使用 width:800px; min-height:525px; 在内容 div 中显示 phpbb 论坛.

正常内容的 div 正在调整大小,因此它会随着内容的增长而变长。但是 object type 仅保留高度值并制作滚动条。如果我没有设置高度或 height:auto在对象上它没有完全扩展到 divContent尺寸。如果我设置高度或最小高度适合,但总是会产生滚动条。

如何制作 <object>随着内容变长,容器自动调整大小?

最佳答案

正如评论中正确指出的那样,您可以将论坛包含在 iframe 中。

<iframe src="forum.html" width="100%" id="yourframe"></iframe>

然后就可以在iframe中获取div的高度,如图this post .最后,您可以根据其内容使用此高度调整 iframe 的大小。

$(document).ready(function() {
$( "#yourframe" ).on('load', function() {
var mydiv = $(this).contents().find("div");
var h = mydiv.height();
$(this).height(h);
});
});

关于HTML <object> 适合其内容的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25848148/

26 4 0