Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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_Html - Fatal编程技术网

Javascript 适合div中的文本

Javascript 适合div中的文本,javascript,html,Javascript,Html,我需要在固定宽度的容器内适合文本,例如,我有150px的宽度在特定的div中,但文本是动态的,因此基于字体大小的变化,适合容器,敬请建议 注: 只有javascript您可以使用此方法,从以下答案中删除: 亚历克斯克写的 var divWidth=$(“#theDiv”).width(); 变量文本=$(“#文本”); var-fontSize=12; while(text.width()>divWidth) css(“字体大小”,fontSize-=0.5); css(“显示”、“内联”)

我需要在固定宽度的容器内适合文本,例如,我有150px的宽度在特定的div中,但文本是动态的,因此基于字体大小的变化,适合容器,敬请建议

注:
只有javascript您可以使用此方法,从以下答案中删除:

亚历克斯克写的

var divWidth=$(“#theDiv”).width();
变量文本=$(“#文本”);
var-fontSize=12;
while(text.width()>divWidth)
css(“字体大小”,fontSize-=0.5);
css(“显示”、“内联”)

这句话太大,不能放在div中。

如果您不想要基于css的解决方案,为什么要添加css标记?:)在
p/span/h
标签上添加
width:inherit
到css-应该可以:)(可以用纯js/jQuery完成-我知道jQuery中是
$('#elem')。css('prop','value'))
-我不知道这是什么js@ThisGuyHasTwoThumbs我认为OP希望更改字体大小,使文本适合150px div,无论它有多长is@Pete啊,我明白了!然后需要
overflow:scroll
或类似的东西