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

Question

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

Answer 1

您无法在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;
}