可编辑 div 的最大长度属性答案

【问题标题】：max length property for an editable div可编辑 div 的最大长度属性
【发布时间】：2014-02-19 09:25:52
【问题描述】：

我的应用程序中有一个 html div 元素，如下所示

<div id="DivId" contenteditable="true" style="border:1px solid black"></div>

我需要限制可以在 div 中输入的字符数。就像将 maxlength 属性赋予文本框一样，我该怎么做？如果我能够在不使用 javascript 或 jquery 的情况下做到这一点，那将非常有帮助。

【问题讨论】：

【解决方案1】：

有一些 CSS 属性，例如 max-height 或 max-width，它们确实限制了块级元素的宽度。

所以你可以这样编码：

<div style='max-width:100px'>Content</div> <span style='max-width:100px; display:block;'>Content</span>

但要小心，因为它们不正确支持 IE6：请参阅此 URL。

但如果你只是指内容的长度，我很遗憾地说你不能在 HTML 中做到这一点。您需要使用一段 javascript 来执行此操作。看看JQuery，真的很容易做到。

【讨论】：