我想知道我是否可以设置contenteditable元素的最大大小，防止它输入比可编辑的＆＃34;窗口更多的字符＆＃34;宽度是。
我有这样的事情：
<h2 contenteditable="true">My text</h2>
h2元素具有自己的大小和样式：
h2 {
display: inline-block;
overflow: hidden;
width: 300px;
max-width: 300px;
height: 15px;
max-height: 15px;
}
现在，当我达到最大尺寸时，我可以输入更多字符，看起来我会跳到下一行。当我点击 输入 按钮时，我也会跳到下一行/ raw。
我想要达到的目的是阻止这个可编辑的内容＆＃34; window＆＃34;当我达到最大宽度并通过点击 输入 按钮阻止增加高度的可能性。
我想知道是否有可能使用html5 / css或者只有机会创建一些javascript代码？
先谢谢你的帮助！
答案 0 :(得分：0)
您使用以下声明
<h2 contenteditable="true">My text</h2>
但你没有为h2.So设置设置，将h4替换为h2。
h2 {
display: inline-block;
overflow: hidden;
width: 300px;
max-width: 300px;
height: 15px;
max-height: 15px;
}
答案 1 :(得分：0)
首先你的帖子根本不清楚， 你需要控制contenteditable元素上的字符中插入的数量，还是只需要设置dom的可见部分的样式？
如果需要模拟输入元素通常具有的maxlength属性，则需要使用javascript复制此行为，CSS无法帮助您...
否则，如果它只是一个演示文稿问题，您可以使用 em 单元使用css进行...
<div contenteditable style="width: 20em"; height: 1em; line-height:1em; overflow:hidden;></div>