HTML - CSS：造型<object>？

如果我的div容器具有這樣的：HTML - CSS：造型<object>？

<div id="container"><img src...

我可以通過這種風格的圖片：

CSS 
#container img{ ... }

對於對象標記

<div id="container"><object ...

我該如何解決這個問題？我試過這個：

CSS 
#container object{ width: 100px; }

但它不起作用。

假設我不能定義「ID」或「類」對象的標籤

我使用TinyMCE的嵌入到YouTube視頻。代碼將如下呈現：

<div id="container"> 
... 

    <div id="content"> 
     <p> 
     <object width="435" height="350" type="application/x-shockwave-flash" data="http://www.youtube.com/v/l9caxMr9RgY"> 
     <param value="http://www.youtube.com/v/XXXXXX" name="src"></object> 
     </p> 
    </div> 
</div>

來源

2010-12-14 wepper

不...我使用tinymce嵌入youtube視頻到我的頁面。我不能分配ID或類，並有問題的樣式 – wepper 2010-12-14 09:36:08

你可以包裹整個對象到另一個div標籤..或者如果你想風格的youtube播放器，你必須使用播放器主題.. – KillerFish 2010-12-14 09:41:01

@KillerFish：你可以請發佈爲答案，並給我非常簡單的示例代碼。所以，如果它有效，我可以選擇你的答案作爲最佳答案。 – wepper 2010-12-14 09:45:13

您已經添加的大小和寬度的對象style="width: 100px; height: 100px;"

Example

來源

2010-12-14 10:00:40 Blur

對不起，這是我的測試代碼，只是爲了確保它可以風格化。我已將其刪除。原始代碼沒有樣式屬性 – wepper 2010-12-14 10:04:34

您的示例鏈接解決了問題。新問題是：當我設置高度時，它必須以像素爲單位，我不能將其設置爲％。沒關係，我會谷歌它 – wepper 2010-12-14 10:28:57

您可以爲對象tat分配一個id或類，這是完全正確的。如果您希望對象適應其父級的寬度，只需將其寬度設置爲100％即可。如果您使用<object>嵌入閃存，則還要設置<embed>標籤的寬度。

來源

2010-12-14 09:34:58 miguelSantirso

我不能分配id或class。有什麼方法可以調用它嗎？我會發布更多的代碼，給我一分鐘 – wepper 2010-12-14 09:37:25

一個對象標籤可以使用CSS樣式。參考link text

在您的示例中，原因寬度不起作用的是其僅用於HTML屬性，不能用CSS訪問（請參閱上面鏈接中的列表）。

我會建議你把對象放入一個包裝div（給對象的寬度爲100％）並用css控制包裝div的寬度。

來源

2010-12-14 09:52:26 robzolkos

Err ...所以，如果我無法包裝對象（正如我在問題中提到的，代碼由tinymce呈現），那麼我不能設計它？ – wepper 2010-12-14 10:01:36

如果它包裹在ap中（因爲tinymce），那麼你可以使用相鄰選擇器在樣式表中設置它的樣式，例如#container #content p + object {..styles here ..} – robzolkos 2010-12-14 10:16:24

要包括文本，這在Firefox 43.0爲我工作。有3個文件：

的test.html：

<html><head> 
<link type="text/css" rel="stylesheet" href="test.css" media="all" /> 
</head><body> 
<h3>Test</h3> 
<object type="text/html" data="include.html"></object> 
</body></html>

test.css：

object {width:24em;margin-top:-1em;} 
.included {background-color:#ffe;font-size:12px;font-family:'Droid Serif';}

include.html - 到物體內部格式的文本，標籤（像這樣）似乎是必要：

<link type="text/css" rel="stylesheet" href="test.css" media="all" /> 
<div class="included"> 
Your included text here... 
</div>

來源

2016-01-21 07:32:24

HTML - CSS：造型<object>？

回答

相關問題