Javascript 自动调整具有固定宽度的div的字体大小
我有一个具有以下属性的divJavascript 自动调整具有固定宽度的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的文本增加,它会自动减小字体大小来调整文本。没有问题,如果我需要添加一些
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..按照第一个建议去做