CSS高さを元に戻す：auto;宣言

Question

私は、既存の単語プレステーマに少しのコードを追加しています。新しいコードは、スタイルシートにこのことで覆われているエリア：

#content img { 
    height: auto; } 

プラグイン/ウィジェット内で実行されるコードの私のビットの中で、私は、サムネイル画像の情報を取得し、imgタグ内でそれらを表示します。画像のサイズに応じて、height属性またはwidth属性を追加します。 （幅は細かくbtwで動作します）。高さ属性に関しては、それは高さのために無視されます：自動宣言。

#content内の小さなボックスは#CPGimageです。私は高さを上書きすることができますが、画像を読むまでは適切な高さの値を知らない。 （所望の最大幅が100であり、所望の最大高さが100である場合、画像は100x200である.100のimgタグに高さ属性を追加する）。

#contentで高さ宣言を元に戻す方法はありますか、または何とかimgタグから高さを取得するよう指示するものはありますか？

Answer 1

おかげのようなimg高さをつかむことができます。私がやってしまったことは、これとimgタグには、インラインCSSを使用していた：私は IMG高さ=「100」のようなものをやっていた前

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

....

全体的な問題でした私はPHPスクリプトからimgタグを書くので、タグを書くときには幅や高さのコンポーネントを知っていますが、いくつかのimgタグがあり、異なるサイズの要件があるかもしれないので、情報はCSSにあらかじめ書き込めません。

img height htmlメソッドではないインラインcssスタイルの税の優先順位。

Answer 2

あなたは

height:inherit 

を試してみましたか？ HTH

Answer 3

あなたの目標がイメージの最大高さを制限するだけの場合は、max-heightを試してみましたか？

Answer 4

の代わりに、幅や高さを設定するには、使用するCSS属性：

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

またはあなたはjQueryのを持っている場合：

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

Answer 5

...何とかそれを伝える何かを設定する方法はありますimgタグの高さを にするにはどうすればよいですか？

あなたはjQueryのを使用している場合は、ポインタのためにそう

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

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