javascript - 在 firefox 中使用 js 动态最大高度

Question

我无法在 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'})

Answer 1

根据 PrototypeJS 文档，您需要使用样式的 Camelized 版本

所以代替

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

应该是

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

这个 fiddle 显示它在 Firefox 20 中工作 http://jsfiddle.net/4k7Rk/6/

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