javascript - HTML对象元素占用页面空间

标签 javascript html css

我有一个带有 object 标签的网页。 codebase 属性指向 .cab 文件。问题是,在 chrome 浏览器中,元素占用了一些空间并在浏览器中显示了一个空白空间。这只发生在 chrome 中。下面是代码:https://jsfiddle.net/pv2wjt52/

<div class="container">
  <object id="SampleX" codebase="../utils/SampleControl.cab" classid="clsid:58F47D90-DB5D-HK8-B9B5-CHKHH786HJ67">
    <param name="Visible" value="0">
  </object>    
</div>

SampleX 在我的 javascript 中用于访问一些属性。由于这是遗留代码,我并不完全了解这段代码的意图。如果我添加一个 css 使其成为 display:none; 它将删除空白区域。但是它会影响object元素的实际意图吗?还有其他解决方法吗?

最佳答案

正如 Jai 提到的,您想使用 visibility:hiddenposition:absolute 原因是使用 display:none 只会隐藏 View 中的元素,其中可见性保持其在页面上的占用空间。希望这有帮助 :D

关于javascript - HTML对象元素占用页面空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49979509/

相关文章:

html - 创建两个重叠 DIV 的按钮

javascript - 当列表变长时,选择下拉列表无法正确显示

html - <li> 元素在内部添加 div 时被关闭

css - 如何使我的固定页脚不随 iPhone Safari 上的其他内容一起缩放?

javascript - 更新后点击功能不再有效

javascript - 如何一次编辑单行的表值

javascript - 我可以在对象原型(prototype)(方法)中定义属性吗?

javascript - Angular 表达式绑定(bind)中的未定义属性

Jquery 切换有时不会出现 100%

css - Bootstrap : horizontal fields inside vertical form