1

javascript で div の最大高さの値を変更できません。誰でもヒントを教えてください。chrome、safari、IE では動作しますが、firefox では動作しません。FFで動作させる方法はありますか?

http://jsfiddle.net/4k7Rk/

<div id='box'>
    lot of text<br/>
    lot of text<br/>
</div>

#box {
    max-height: 10px;
    overflow: hidden;
}
$('box').setStyle({'max-height': '100px'})
4

3 に答える 3

2

PrototypeJS のドキュメントによると、スタイルの Camelized バージョンを使用する必要があります

だから代わりに

$('box').setStyle({'max-height': '100px'});

そのはず

$('box').setStyle({'maxHeight': '100px'});

このフィドルは、Firefox 20 http://jsfiddle.net/4k7Rk/6/で動作することを示しています

http://api.prototypejs.org/dom/Element/prototype/setStyle/

于 2013-05-14T15:13:24.403 に答える
0

これはうまくいくはずです

$('#box').css('max-height', '100px');

jQueryなし

document.getElementById('box').style.maxHeight = '100px';

このフィドルを参照してください: http://jsfiddle.net/bd8t9/1/

于 2013-05-14T08:06:59.273 に答える
0

これは、オーバーフローが非表示に設定されているためです。

$('#box').css({'max-height':'100px','overflow':'auto'});
于 2013-05-14T08:10:57.483 に答える