Question

我想添加一些css，使<embed />标记看起来像<div>。目前，它添加了任意高度和宽度，通常会导致类似于iframe的滚动框。

是否有人知道“嵌入式重置”以使其表现得像div？

编辑：真的我只需要弄清楚如何根据内部内容获得高度。这是我到目前为止所做的：

embed {
    width: 100%;
    display:block;
    margin: 0;
    /* Below from Eric Meyer's Reset */
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

谢谢，马特

Answer 1

只是一个疯狂的猜测。

 <embed style="display:block; width: 100%; height: 100%">

为你工作？（Here's the explanation for display:block).

请注意embed元素的高度和宽度属性必须是像素，而不是百分比，因此在这里没有多大帮助。

Answer 2

当您设置<object>标签的样式时会发生什么？

object, embed {
    width: 100%;
    display:block;
    margin: 0;
    /* Below from Eric Meyer's Reset */
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Answer 3

您可以将width=100%;和height=100%;添加到代码本身。

<embed src="http://google.com" type="text/html" width=100%; height=100%;>

http://jsfiddle.net/jasongennaro/K8nCn/1/

重要提示：只有在内容有足够的窗口空间时才会有效。（拖动小提琴看滚动条消失）

您可能已经知道这一点，但embed适用于视频和音频等互动内容。 [1，2]

我想说通过iframe或其他一些方法（如php + cURL）可以更好地完成服务Web内容。

make embed就像一个div

3 个答案: