溢出时如何使文本更小

时间:2015-02-08 10:09:04

标签: jquery html css html5 css3

我希望文本保持在一行内,
所以如果有溢出,我希望它变小。

想像答案一样使用ellipsis 他(How can I make text get smaller in order to stay on one line?)得到了。

1 个答案:

答案 0 :(得分:1)

   $(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);
    });
});

假设您单击一个按钮,可以获得文本的当前大小,并使用实际解析字符串并返回浮点数的parseFloat创建一个新大小,因此在20px中 - parseFloat()将返回20. / p>