CSS撤消高度：auto;宣言

Question

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

#content img {
    height: auto; }

在我在插件/小部件中执行的代码中，我检索缩略图图像的信息，然后在img标记内显示它们。根据图像的大小，我添加高度或宽度属性。 （宽度工作正常btw）。当涉及到height属性时，它会因为height：auto声明而忽略它。

#content中的小框是#CPGimage。我可以覆盖高度，但在读取图像之前不知道合适的高度值。 （如果最大所需宽度为100且最大所需高度为100，则图像为100x200，我将高度属性添加到100的img标记中）。

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

Answer 1

你试过吗

height:inherit

？ HTH

Answer 2

如果您的目标只是限制图片的最大高度，您是否尝试使用max-height？

Answer 3

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

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

或者如果你有jQuery：

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

Answer 4

  

有没有办法......以某种方式设置一些东西，告诉它得到   img标签的高度？

如果您使用的是jQuery，则可以像{

>那样获取img高度

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

http://jsfiddle.net/jasongennaro/ELaeV/

Answer 5

感谢指点。我最终做的是在img标签上使用内联css：

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

在我做某事之前     img height =“100”....

整体问题是我从php脚本编写img标签，所以在编写标签时我知道我想要的宽度或高度组件，但由于有几个img标签，可能有不同的大小要求，信息不能是提前写给css。

内联css样式税优先级，img height html方法不支持。