0

次のスクリプトを使用して、div ボックスに適切に収まるように 1 行の文字列のサイズを変更しています。 

<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 では、ユーザーが互換モードの場合、エラーが発生し、ブラウザがロックされます。古いブラウザについて、互換性のないものを追加したことを知るには十分ではありません。

どんな助けでも大歓迎です。

4

1 に答える 1

0

これは間違ってフォーマットされており、IE で壊れる可能性があります。常に非常に扱いにくいです。

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

する必要があります

<span style="white-space:nowrap;">
于 2012-11-10T04:55:00.180 に答える