使嵌入行爲像一個div

我想添加一些CSS使<embed />標記看起來像一個<div>。目前它增加了一個任意的高度和寬度，通常導致一個類似於iframe的滾動框。使嵌入行爲像一個div

有誰知道一個「嵌入重置」，使其行爲像一個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; 
}

謝謝，馬特

來源

2011-07-29 Matt

你可以多說一點你真正想做的事情。是否將包裝嵌入到div中而不是您的選擇？ –

我想從其他地方加載內容，並使其流動方式與div完全相同。沒有在div中嵌入不會做 - 但解決方案只能在現代瀏覽器（它是爲dev）工作 – Matt

包裝在一個'div'並給予'embed'' height =「100％」和'寬度= 「100％」'。然後使用CSS來調整'div'的大小？或者這不是你的意思？ – Bazzz

只是胡亂猜測。

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

爲您工作？（Here's the explanation for display:block).

注意高度和embed元素的寬度屬性必須是像素，而不是百分比，並因此在此並沒有太大的幫助。

來源

2011-07-29 14:57:06 nes1983

這是一個「非常」瘋狂的猜測，考慮到嵌入標記內的對象標記希望內聯樣式將工作它，並按預期工作，並且在每一個瀏覽器中，......都是一個猜測。 :) – Bazzz

不完全。高度無法正常工作。感謝您的想法，雖然 – Matt

Nevermind然後:) – nes1983

-1

您可以添加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內容更好。

來源

2011-07-29 16:33:25

違反了HTML5規範，因爲寬度和高度必須是像素，而不是百分比：http://www.whatwg.org/specs/web-apps/current-work/multipage/the-map-element.html#attr-暗淡寬度。 – nes1983

謝謝@ nes1983。不過，我不確定它違反了規範。 *必須*不是隱含的，IMO。我讀*可能*。 *「img，iframe，嵌入，對象，視頻和...輸入元素的寬度和高度屬性可能會*以CSS像素指定。」* –

酷！這看起來不錯。我現在無法測試它，因爲我在幾分鐘內登機，但稍後我會檢查它。謝謝！ – Matt

當你設計<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; 
}

來源

2011-07-29 17:37:30 stephenmurdoch

使嵌入行爲像一個div

回答

相關問題