如果我的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) 我有一个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类.