CSS Отмена высоты: авто; декларация

Question

Я добавляю небольшой кусочек кода в существующую текстовую тему. Область, где новый код покрыт этим в таблице стилей:

#content img {
    height: auto; }

В моем фрагменте кода, который выполняется в плагине / виджете, я извлекаю информацию о миниатюрных изображениях и затем отображаю их в теге img. В зависимости от размера изображения я добавляю атрибуты высоты или ширины. (ширина работает нормально, кстати). Когда дело доходит до атрибута высоты, он игнорирует его из-за объявления height: auto.

Мое меньшее поле внутри #content - #CPGimage. Я могу перезаписать высоту, но не знаю подходящего значения высоты, пока не прочту изображение. (если максимальная желаемая ширина равна 100, а максимальная желаемая высота равна 100, изображение равно 100x200, я добавляю атрибут высоты к тегу img, равному 100).

Есть ли способ отменить объявление высоты под #content или каким-то образом установить что-то, что скажет ему получить высоту из тега img?

Answer 1

Спасибо за указатели.В итоге я использовал встроенный css для тега img со следующим:

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

, прежде чем я сделал что-то вроде img height = "100" ....

Общая проблема заключалась в том, что я пишу тег img из php-скрипта, поэтому при написании тега я знаю компоненты ширины или высоты, которые мне нужны, но поскольку существует несколько тегов img и могут быть разные требования к размеру, информация не может быть записана в CSSвпереди времени.

Встроенный стиль CSS облагается налогом, в отличие от метода html img height.

Answer 2

Есть ли способ ... каким-то образом установить что-то, что скажет ему получить высоту из тега img?

Если вы используете jQuery, вы можете получить img высота как у

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

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

Answer 3

Если ваша цель - ограничить максимальную высоту изображения, пробовали ли вы использовать max-height?

Answer 4

вместо установки атрибутов width или height используйте css:

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

или, если у вас есть jQuery:

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

Answer 5

Вы пробовали

height:inherit

?НТН