如何在 div 标签内设置 img 的宽度？答案

【问题标题】：how to set width of img inside div tag?如何在 div 标签内设置 img 的宽度？
【发布时间】：2017-04-11 14:51:25
【问题描述】：

如何在 div 标签内设置 img 的宽度？我想保持这种格式并复制到 ckeditor 并自动调整 div 标签内的所有 img 大小，所以我不能使用类。

    <div style='color:#222222;font-family:arial,helvetica,sans-serif;font-size:13px;text-align: justify;img{width:500px!important};'>

    <img src="..."/> 
   <img src="..."/>
   <img src="..."/>
    </div>"

我试过了，还是不行。

【问题讨论】：

取决于您想如何展示。如果要寻找全宽，请继续使用 width:100% 。交替提供 css 代码。
我想将此代码复制到 ckeditor，这样我就不能使用 javascript 或。请帮助！
<div style='color:#222222;font-family:arial,helvetica,sans-serif;font-size:13px;text-align: justify;'><img src="..." style="width:500px"></div>
我想自动调整 div 代码中所有 img 的大小

标签： css image ckeditor inline

【解决方案1】：

<div style="width: 500px;" >

<img src="..." style="max-width: 100%;"/>

</div>

【讨论】：

不能使用类，因为我想在 ckeditor 中保留这种格式
我想自动调整里面所有img的大小，所以不能这样使用

【解决方案2】：

您可以通过为 div 添加类名来实现。使用 css 为特定 div 图像添加 css

.test img{
width:500px;
}

<div class="test" style='color:#222222;font-family:arial,helvetica,sans-serif;font-size:13px;text-align: justify;'>

<img src="https://www.w3schools.com/html/pic_mountain.jpg">
</div>

【讨论】：

不能使用类，因为我想在 ckeditor 中保留这种格式
在 ck 编辑器中单击源按钮查看代码并添加此类名称。我已经尝试在外部 css 页面中添加类名称并覆盖 css。我工作正常
你的意思是把在 ckeditor ？我已经试过了，但是课程消失了，
no..将 css 放入您为其他文件创建的 css 文件中
我想将文档发送到另一封电子邮件并保持格式。我怎样才能一起发送css文件？

【解决方案3】：

如果您需要保持格式并且不想使用类，则必须单独设置每个图像的样式。

<div style="blah width:500px">
<img src="..." style="max-width:100%" />

或

<div style="blah">
<img src="..." style="width:500px;">

【讨论】：

我想自动调整 div 标签内文档的所有图像的大小，因为我有很多图像