如何让div包含一定数量的字符?

时间:2014-06-20 17:08:32

标签: javascript jquery html

我有一个contentEditable div,我希望make的值大小为10,所以div不能包含超过10个字符,是否可能?如果是,如何在html或js中执行此操作?

1 个答案:

答案 0 :(得分:3)

您无法在HTML中真正做到这一点,因为没有大小属性​​可以这样工作,就像使用INPUT:TEXT元素一样。所以你必须使用JavaScript。这是jQuery中的一个例子:

jQuery的:

$('#my-div.contentEditable').text(function(idx, txt) {
    return txt.substr(0, 10);
});

然后你可以另外使用CSS来确保你的文本有一个,因为不同的字体/字体大小会产生不同的宽度,尽管有10个字符的约束:

CSS:

#my-div.contentEditable{
  padding:0;
  left-margin:auto;
  right-margin:auto;
}