我想通过我的 CSS 代码调整图像的宽度和高度。上传图片按钮在我的应用程序中是动态的。我无法通过我的代码为 img
/div
标签提供 id
/class
名称。
下面是现有代码,我需要通过 CSS 代码动态设置图像的宽度和高度,我无法编写内联 css,因为这些标签是动态创建的:
<div class="note-editable panel-body" contenteditable="true" style="height: 300px;">
<p><img src="data:image/jpeg;base64,... " data-filename="xyz.png" style="width:550px;">
</div>
我尝试了下面的 CSS 代码,但我无法调整图像的大小。
.note-editable .panel-body > img {
width:200px;
height:200px;
}
任何建议都会有所帮助。
最佳答案
考虑到您的图片也在段落中。
.note-editable > p > img {
width:200px !important;
height:200px;
}
!对您的宽度很重要,因为它已经是内联样式,您需要否决它。那会为你做的。
关于javascript - 调整动态创建的图像大小的CSS代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42490754/