Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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
Jquery 溢出时如何使文本变小_Jquery_Html_Css - Fatal编程技术网

Jquery 溢出时如何使文本变小

Jquery 溢出时如何使文本变小,jquery,html,css,Jquery,Html,Css,我希望文本保持在一行以内, 因此,如果出现溢流,我希望它变小 我不想用省略号喜欢这个答案 那是他得到的 假设您单击一个按钮,获得文本的当前大小,并使用parseFloat生成一个新大小,它实际解析字符串并返回一个浮点数,因此在20px中–parseFloat()将返回20 $(document).ready(function() { $('#button').click(function() { var current_size = $('#content_to_

我希望文本保持在一行以内,
因此,如果出现溢流,我希望它变小

不想用
省略号
喜欢这个答案
那是他得到的

假设您单击一个按钮,获得文本的当前大小,并使用parseFloat生成一个新大小,它实际解析字符串并返回一个浮点数,因此在20px中–parseFloat()将返回20

   $(document).ready(function()
{
    $('#button').click(function() 
    {
    var current_size = $('#content_to_be_resized').css('font-size');
    var new_size = parseFloat(current_size) - 3;
    $('#content_to_be_resized').animate({fontSize: new_size}, 250);
    });
});