Question

请参阅以下代码：

<div>Lorem ipsum dolor sit amet</div>  
    <object  
        type="application/x-shockwave-flash"  
        data="banner.swf"  
        width="965"  
        height="120"  
    ></object>  
<div>Consectetur adipiscing elit</div>

在Gecko，Webkit或Presto中查看它，在object之后，在第二个div之前发生无意的垂直空间（请参阅http://jooadam.hu/object）。从标签之间删除空格，或明确设置边距和填充都无济于事。

任何帮助都将不胜感激。

Answer 1

与此同时，有人在另一个论坛上回答了我的问题。像图像一样的对象是内联块元素;在display: block上设置object可以解决问题。

Answer 2

<div>Lorem ipsum dolor sit amet</div>
<object width="965" height="120">
    <embed src="banner.swf" type="application/x-shockwave-flash" width="965" height="120"></embed>

Lorem ipsum dolor sit amet

Answer 3

这个问题让我很好奇，除了我会使用不同的方法，比如使用SWF对象，空白似乎无处不在。

我用萤火虫摆弄了一下，找到了一种通过调整样式来修复它的方法：

#container { line-height: 0;}
#header, #footer { line-height: 1em;}

但是我怀疑如果在对象标签周围添加一个，它应该自行修复。

Answer 4

<object width="965" height="120" align ="middle">

将对象与中间对齐。然后，对象占位符将与图像或Flash内容重叠。

Flash对象后不需要的垂直空间

4 个答案: