替换后在div中拟合文本

时间:2013-10-28 19:52:17

标签: javascript css

我有以下JavaScript:

var answer = prompt('what is input', ' ');

$('.words').text(answer); 

对于某些文本输入的提示然后替换已经在具有固定宽度和长度的.words样式的div中的文本。 div在中心对齐文本,但如果用户输入太多单词,则文本将从div中流出,这是边界的,并且看起来很糟糕。此外,如果用户输入的字数太少,则div中会有很多空白区域。是否有一个我可以插入的脚本缩小字体大小以容纳额外的文本或扩展字体大小以更好地适应div中的文本(如果用户输入的内容不多)。感谢

1 个答案:

答案 0 :(得分:1)

var answer = prompt('what is input', ' ');
$('.words').html(answer);

Live Demo