是否有可能覆盖图像的高度和宽度,图像(html)高度和宽度标签？

Question

我目前正在开发一个具有som特殊功能的博客平台,而不是普通的.但是当我尝试设置图像大小时,我遇到了问题.

我有一个带有以下css的文件:

.blogBody img
{
        display: block;
    margin-left: auto;
    margin-right: auto;
    width:80%;
    height:auto;
    }

当用户将图像添加到页面时,这可以正常工作.

但!一些图像较小,当它被拉伸到页面宽度的80%时看起来不太好.

因此,我让他们为他们添加的每个图像,指定,如果他们想要,每个图像的HTML代码(自动完成tinymce)

所以.当他们添加图像时,html如下:

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

但是当他们想要手动设置大小时,img标签变为(tinymce):

<img src="......" width="..." height="...." />

但.图像仍然是页面宽度的80%!是否可以让img宽度覆盖css图像宽度？

谢谢你的时间Mattias.

Answer 1

尝试添加!important内联CSS.这应该强制新的大小覆盖定义的CSS.

例如:

<img src="......" style="width:50px !important;height:45px !important;" />

Answer 2

你是对的，元素样式覆盖任何其他指定的样式。CSS 根据所谓的特殊性规则进行操作，其中最具体的规则会覆盖任何不太具体的规则的属性。

元素规则并没有变得更加具体。仔细检查您的标记。