HTML - CSS:样式

发布于 2024-10-07 08:40:40 字数 792 浏览 0 评论 0原文

如果我的 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

一腔孤↑勇 2024-10-14 08:40:40

您已经为对象添加了大小和宽度 style="width: 100px; height: 100px;"

示例

You already add size and width to the object style="width: 100px; height: 100px;"

Example

旧梦荧光笔 2024-10-14 08:40:40

对象标签可以使用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.

暗地喜欢 2024-10-14 08:40:40

您可以为对象 tat 分配一个 id 或类,这是完全正确的。如果您希望对象适应其父级的宽度,只需将其宽度设置为 100% 即可。如果您使用 嵌入 Flash,还需设置 标记的宽度。

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.

撩动你心 2024-10-14 08:40:40

要包含文本,这在 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>

To include text, this worked for me in Firefox 43.0. There are 3 files:

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 - to format text inside the object, tags (like these) seem to be necessary:

<link type="text/css" rel="stylesheet" href="test.css" media="all" />
<div class="included">
Your included text here...
</div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文