Question

如何在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>"

我试过但它没有用。

Answer 1

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

Answer 2

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

＆＃13;

.test img{
width:500px;
}

＆＃13;

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

＆＃13;

Answer 3

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

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

OR

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

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

3 个答案: