将文本大小更改为不超过表单输入的宽度

时间:2013-05-27 21:19:05

标签: javascript css font-size

我的表单<input>横跨页面宽度,字体大小为2em(让我们称之为基本字体大小)。

我不希望输入文本被切断/溢出,如果它应该超过字段的宽度,那么我的问题是:如何检测字段文本何时溢出字段并降低字体大小所以它都保持在视图内?相反,如何检测用户何时开始删除字符,从而增加字体大小,但不高于基本字体大小?

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

这就是你需要的。

Demo

<input type="text" name="younameit" id="demo">
$('#demo').inputfit();

并且,这些css属性将有助于在字体大小改变时保留输入的大小。

Demo

min-height: 30px;
min-width: 500px;
line-height: 30px;

https://github.com/vxsx/jquery.inputfit.js