jQuery调整文本行以适合Div宽度

时间:2012-11-10 04:50:04

标签: javascript jquery internet-explorer

我使用以下脚本调整一行字符串的大小以适合div框。

<script type="text/javascript"> 
    $( '.test' ).css( 'font-size', 0 ).each(function ( i, box2 ) {
        var width = $( box2 ).width()
        var line = $( box2 ).wrapInner( '<span style="white-space:nowrap">' ).children()[ 0 ];
        function changeFontSize( n ) {
            $( box2 ).css( 'font-size', function ( i, val ) {
                                            return parseInt( val, 10 ) + n; });
                                        })
        while ( $( line ).width() < width ) { changeFontSize( 1 ); }
        changeFontSize( -1 );
        $( box2 ).text( $( line ).text() );
    });
</script>

此脚本在Firefox,Chrome和Opera中非常完美。但是在IE中,如果用户处于兼容模式,则会出错并锁定浏览器。我不太了解旧的浏览器,知道我添加的不兼容的东西。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

格式错误,可能会在IE中中断,它总是那么敏感。

<span style="white-space:nowrap">

应该是

<span style="white-space:nowrap;">