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

标签 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>

最佳答案

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

换句话说,我保留<style></style>模板系统中的元素,将其保存在发布系统中,并避免对其进行任何更改。

我不知道如何解释这个,也不知道为什么会这样,但无论如何它都有效...

PS:这两个站点都使用 TinyMCE 来编辑代码,因此寻找有关 TinyMCE 配置的答案(例如启用标签 <style>)可能会有用。当然,前提是你有管理员权限。我没有。

关于html - 如何在不更改 img 标签的情况下将图像放入 div 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42253281/

相关文章:

javascript - 从N个这样的div中过滤时如何重新初始化一个div位置

html - IE 和 FF 中的内联表和内联 block 问题

html - 列标题居中对齐,但希望单元格右对齐

html - 如何从 HTML 表格代码中删除/剥离所有格式或样式信息?

css - iFrame 内容被挤压到 IE 中的滚动框中

html - 如何在使用 css 过滤器时保留边框

html - 为什么 CSS mask-image 不能使用 no-repeat?

javascript - 如何防止网站在手机上显示裁剪图像?

android - 立即拍摄2张照片-使应用程序崩溃

php - SQL 查询将行值保存到 php 变量中