如何在不改变img标签的情况下将图像放入div中?

时间:2017-02-15 15:17:46

标签: html css image

我目前正在尝试在基于富文本的模板系统中实现这一点,用户可以将图像切换到任何大小的图像。

系统只允许我设置内联样式, 这样<img src="path/image.jpg" style="max-width: 100%; max-height: 100%;" >工作正常,直到用户将图像切换到另一个,删除任何以前的样式,替换为具有自己的宽度和高度的新<img>

我已经尝试过使用了 <style></style><style type="text/css"></style>以及<link>,但系统会忽略它。

我可以解决这个内联没有更改img标签吗? 这就是今天的代码:

<div style="float: left; text-align: center; display:inline-block; margin: 0 auto; width:450px;height:450px;">
<img src="http://i.imgur.com/cnI4YIs.png" width="450px" height="450px" alt="" />
</div>

1 个答案:

答案 0 :(得分:1)

谢谢,但现在我觉得它以自己的方式很好。 我不确定它是否适用于JS,但似乎当我在模板中进行更改,然后我复制代码以粘贴到将发布模板广告的实际网站(也适用于富 - 文本输入),更改自动进行内联。

换句话说,我在模板系统中保留sub.example.com个元素,将其保存在发布系统中,并避免对其进行任何更改。

我不知道如何解释这个问题,或者为什么会发生这种情况,但无论如何都有效......

PS:两个站点都使用TinyMCE编辑代码,因此查找有关TinyMCE配置的答案可能很有用(比如启用标记<style></style>)。当然,只有你有管理员访问权限。我没有。