Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动调整具有固定宽度的div的字体大小_Javascript_Jquery_Html_Font Size - Fatal编程技术网

Javascript 自动调整具有固定宽度的div的字体大小

Javascript 自动调整具有固定宽度的div的字体大小,javascript,jquery,html,font-size,Javascript,Jquery,Html,Font Size,我有一个具有以下属性的div background: none repeat scroll 0 0 #999999; border: 1px solid #639BBE; height: 62px; margin-top: 13px; width: 135px; 这个div的宽度和高度是固定的,我不能改变它们,现在如果我在这个div中输入一些大的文本,它会在div之外,我想做一些我可以处理这个的事情,意思是如果这个div的文本增加,它会自动减小字体大小来调整文本。没有问题,如果我需要添加一些

我有一个具有以下属性的div

 background: none repeat scroll 0 0 #999999;
border: 1px solid #639BBE;
height: 62px;
margin-top: 13px;
width: 135px;
这个div的宽度和高度是固定的,我不能改变它们,现在如果我在这个div中输入一些大的文本,它会在div之外,我想做一些我可以处理这个的事情,意思是如果这个div的文本增加,它会自动减小字体大小来调整文本。没有问题,如果我需要添加一些javascript,没有任何限制

当我输入大文本时,它是这样显示的

提前感谢

$.fn.HasScrollBar=函数(){
$.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;
}
//注:clientHeight=支架高度 //scrollHeight=在此高度之前我们都有内容 var_elm=$(此)[0]; var _hasScrollBar=false; if((_elm.clientHeight<_elm.scrollHeight)|(_elm.clientWidth<_elm.scrollWidth)){ _hasScrollBar=true; } 返回(hasScrollBar);; }

如果您的高度是固定的,则使用此功能查找溢出并使用jquery更改字体大小。在你的条件满足的情况下,总会有机会的。(除非您计划将文本大小设置得非常小。您可以通过javascript实现这一点,但我如何在javascript中实现这一点?将内容文本包装到容器中的另一个元素中,检查其高度占容器高度的百分比,并相应地调整字体大小…或者使用css溢出在容器中滚动。基于t的大小ext显示..溢出可能更好choice@charlietfl我需要最小化字体大小,我不能允许scrollOK..按照第一个建议去做