HTML - CSS:样式
如果我的 div 容器有这个:
<div id="container"><img src...
我可以通过以下方式设置图像样式:
CSS
#container img{ ... }
对于对象标签
<div id="container"><object ...
我该如何解决它?我尝试过这个:
CSS
#container object{ width: 100px; }
但它不起作用。
对象标签定义“id”或“class”
假设我无法为我使用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>
If my div container has this:
<div id="container"><img src...
I can style the image by this:
CSS
#container img{ ... }
For object tag
<div id="container"><object ...
How do I address it? I tried this:
CSS
#container object{ width: 100px; }
But it does not work.
Assume the I cant define "id" or "class" for the object tag
I am using tinymce to embed to youtube video. And the code will be rendered like this:
<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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
您已经为对象添加了大小和宽度
style="width: 100px; height: 100px;"
示例
You already add size and width to the object
style="width: 100px; height: 100px;"
Example
对象标签可以使用CSS设置样式。参考 链接文本
原因width 在您的示例中不起作用,因为它只是一个 HTML 属性,无法通过 CSS 访问(请参阅上面链接中的列表)。
我建议您将对象放入包装器 div 中(为对象指定 100% 的宽度)并使用 css 控制包装器 div 的宽度。
An object tag can be styled using CSS. Ref link text
The reason width didn't work in your example is that its a HTML attribute only and not accessible with CSS (see list in link above).
I would recommend that you put the object into a wrapper div (give the object a width of 100%) and control the width of the wrapper div with css.
您可以为对象 tat 分配一个 id 或类,这是完全正确的。如果您希望对象适应其父级的宽度,只需将其宽度设置为 100% 即可。如果您使用
You can assign an id or class for the object tat, that is perfectly correct. If you want the object to adapt to the width of its parent, just set its width to 100%. If you are using the
<object>
to embed flash, set the width for the<embed>
tag also.要包含文本,这在 Firefox 43.0 中对我有用。有 3 个文件:
test.html:
test.css:
include.html - 要格式化对象内的文本,标签(像这样)似乎是必要的:
To include text, this worked for me in Firefox 43.0. There are 3 files:
test.html:
test.css:
include.html - to format text inside the object, tags (like these) seem to be necessary: