【问题标题】:html <object> size to fit content of objecthtml <object> 大小以适应对象的内容
【发布时间】:2013-03-16 23:26:59
【问题描述】:

我正在使用 [object] 标签来显示 .txt 文件的文本。对象在一个 div 中。当对象加载它在框架中设置的文本时,我可以定义高度和宽度。但是,将高度设置为 auto 或 100% 没有任何作用。无论我做什么,显示文本的区域都很小,带有滚动条。我希望包含对象的 div 连同对象本身一起拉伸以显示所有文本。

下面是一行:

<object type="text/html" data="./docs/description_a.html" style="width:100%; "></object>

但是无论我做什么,我都无法根据文本的长度来拉伸它。非常感谢任何帮助。

【问题讨论】:

  • 我不知道对象甚至可以做到这一点!您是否有任何理由不使用简单的&lt;pre&gt; 标签并在文档中包含文本? (我注意到您将其标记为 PHP,所以它应该是可能的)。在使用object 进行flash 时,CSS 宽度/高度一直对我有用,但也许这是其中的对象没有设置宽度?
  • 我最初是用一个静态数字设置高度(即高度:950px;),但问题是当您在较小的屏幕上查看页面时,例如手机,文本对象被截断。
  • 只需添加一个对象 { width: 100%; height: 100%;} 或 CSS 中的类似内容。我相信如果你已经有一个 CSS 文件,那里的属性可能会覆盖 ypur HTML 标签属性,例如如果你定义了 * { ... }。

标签: php html object height


【解决方案1】:

http://jsfiddle.net/XAaMV/4/

可以使用jQuery动态设置高度和宽度:

$(document).ready(function(){

    $("#obj").width($("#cont").width());
    $("#obj").height($("#cont").height());

});

HTML:

<div id="cont">
<object id="obj" width="" height="" data="www.google.com"></object>
 <div>   

解决方案 2

<div>
<object width="600" height="900" data="www.google.com"></object>
 <div>

CSS

div{

    height:600px;
    width:900px;
}

【讨论】:

  • 好的 - 所以我承认,我对 jquery 还很陌生。我在哪里放置 jquery 代码?我尝试将它放在一个 php 块中,但它只是阻止我的页面一起加载。该块首先位于我的 html 代码开头的上方,然后我尝试在我的 head 标签结束之前。
  • @DrBankHead1 您可以将此代码放在 HTML 页面(正文内)的任何位置,甚至是 .js 页面上的 &lt;script&gt; 标记中。
  • 太棒了,谢谢埃文。那似乎很简单。唉,还是没有运气。该对象仍在 div 内的一个小框架中。
  • @DrBankHead1 你看过我制作的小提琴了吗?这不是你想要的吗?如果不是,我所做的与您的标记有何不同?一旦你告诉我,我会相应地改变它,谢谢。
猜你喜欢
  • 2011-06-08
  • 2016-02-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-08-20
  • 1970-01-01
  • 2011-02-05
  • 2020-10-09
相关资源
最近更新 更多