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>？

回答

相关问题