2

次のプロパティを持つdivがあります

 background: none repeat scroll 0 0 #999999;
border: 1px solid #639BBE;
height: 62px;
margin-top: 13px;
width: 135px;

この div の幅と高さは固定されています。変更することはできません。その div に大きなテキストを入力すると、div の外に出てしまいます。これを処理できる何かが必要です。つまり、この div のテキストがそれを増加させる場合自動的にフォント サイズを小さくしてテキストを調整します 。javascript を追加する必要がある場合は問題ありません。何も制限されていません。

大きなテキストを入力すると、このように表示されます!

ここに画像の説明を入力

前もって感謝します

4

1 に答える 1

0 
$.fn.HasScrollBar = function() {
//note: clientHeight= height of holder
//scrollHeight= we have content till this height
var _elm = $(this)[0];
var _hasScrollBar = false; 
if ((_elm.clientHeight < _elm.scrollHeight) || (_elm.clientWidth < _elm.scrollWidth)) {
    _hasScrollBar = true;
}
return _hasScrollBar;
}

この関数を使用してオーバーフローを見つけ、jqueryを使用してフォントサイズを変更します

于 2013-01-01T07:54:43.423 に答える