CSS撤消高度：自动；宣言

我正在向现有的word press主题添加一小段代码。样式表中包含新代码所在的区域：

#content img {
    height: auto; }

在插件/小部件中执行的代码中，我检索缩略图上的信息，然后将它们显示在img标记中。根据图像的大小，我可以添加高度或宽度属性。（顺便说一句，宽度很好）。当涉及到height属性时，由于height:auto声明，它会忽略该属性

我在内容中的小盒子是CPGimage。我可以覆盖高度，但在阅读图像之前不知道适当的高度值。（如果最大所需宽度为100，最大所需高度为100，则图像为100x200，我将向img标记添加高度属性100）

有没有办法撤销#content下的高度声明，或者以某种方式设置一些东西，告诉它从img标记获取高度

你试过了吗

height:inherit

---

?？HTH

如果您的目标只是限制图像的最大高度，您是否尝试过使用？

而不是使用css设置宽度或高度属性：

document.getElementById('myImg').style.height = '32px';

或者如果您有jQuery：

$('#myImg').css({ width: 32 });

有没有办法。。。以某种方式设置一些东西，告诉它获取 离img标签的高度

如果您使用的是jQuery，您可以像这样获取

img

高度

var h = $('#content img').height();

---

谢谢你的指点。我最后做的是在img标签上使用内嵌css，如下所示：

img style="width: 100px;" ....

在我做类似的事情之前 img height=“100”

总体问题是，我从php脚本编写img标记，因此在编写标记时，我知道我想要的宽度或高度组件，但由于有几个img标记，并且可能有不同的大小要求，因此无法提前将信息写入css

---

内联css样式优先于img height html方法。

如果它在没有javascript的情况下可以工作，那么它几乎可以在所有浏览器上工作。（除了关闭css，但这并不重要）这不起作用。问题是外框中的高度已设置为“自动”，而使用“继承”只会获得该“自动”值。这不起作用，因为在执行之前我不知道最大高度是多少。。。php脚本知道最大高度。因此，在由php脚本编写的img标记中需要一些东西。