小编wep*_*per的帖子

HTML - CSS:样式<object>?

如果我的div容器有这个:

<div id="container"><img src...
Run Code Online (Sandbox Code Playgroud)

我可以通过这种方式设计图像:

CSS
#container img{ ... }
Run Code Online (Sandbox Code Playgroud)

对于对象标记

<div id="container"><object ...
Run Code Online (Sandbox Code Playgroud)

我该如何解决?我试过这个:

CSS
#container object{ width: 100px; }
Run Code Online (Sandbox Code Playgroud)

但它不起作用.

假设我不能为object标签定义"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>
Run Code Online (Sandbox Code Playgroud)

html css object

12
推荐指数
1
解决办法
3万
查看次数

使用jQuery动态调整容器内的图像大小

我有一个div容器,我称之为"content_container".此容器可以使用jQuery UI拖动和调整大小.在这个容器里面,我实现了TinyMCE(内容文本编辑器).我的问题是:

如果用户插入2000像素x 2000像素的图像,则容器最大宽度为1000像素.那么它看起来像这样:

 ____________________
| Container header   |
----------------------
| text [image...................image]
|      [image...................image]
|____________________|
Run Code Online (Sandbox Code Playgroud)

(对不起,我还在我的本地主机上开发它,我还没有找到一个网络托管公司,所以我不能给你直接链接看演示).

好吧,容器仍然可以调整大小,只是,图像大小始终是2000像素x 2000像素.我的问题是:当我调整"content_container"的大小时,图像会自动调整大小并适合容器宽度吗?

如果是,我该怎么办?

如果不是,还有另一个解决方案吗?

在TinyMCE之前,容器代码:

<div id="content_container">
    <div id="header">The header</div>
    <div id="content">
        <div id="inlineEditor"></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

用户输入内容后(例如,插入图像),容器将变为:

<div id="content_container">
    <div id="header">The header</div>
    <div id="content">
        <div class="inlineEditor">
            <p>some text <img alt="test" src="../usrXX/img/imgname.jpg"></p>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

如您所见,我只能操作inlineEditor类.

jquery resize image

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

image ×1

jquery ×1

object ×1

resize ×1