Jquery 将单词包装到td中的某个限制

我有

td

的css

wrap

作为

break-word

。随着单词被包裹，

td

的高度在增加。但是我需要将

td

的高度（在我输入文本时）增加到一定的限制，剩余的文本应该隐藏起来

超出高度的文本不应可见，但我们可以输入所需长度的文本。 是否有一种方法可以实现该场景

这类似于将换行文本和合并单元格应用于excel中的相同单元格

提前谢谢

$（函数（）{
$（'td'）.attr（'contenteditable'，'true'）；
});
表格{
边界塌陷：塌陷；
表布局：固定；
宽度：500px；
}
运输署{
位置：相对位置；
边框：2件纯黑；
-webkit用户选择：无；
宽度：25%；
高度：20px；
溢出：省略号；
单词包装：打断单词；
填充：0px；
}
老实说，您可能只需要在布局中使用div，就可以完全删除表

但是，如果您必须使用一个表，因为
tds
的行为不同于
divs
，您可以像这样在每个td中插入一个div：


$（'td'）。追加（''）；
$fauxCells=$（'.faux cell'）；
$fauxCells.attr（'contenteditable'，'true'）；
$fauxCells.each（函数（）{
$this=$（this）；
$this.css（'max-width'，$this.parent（）.width（））；
});
$fauxCells.on（'keypress'，函数（e）{
var元素=这个；
if（（element.offsetHeight
。人造电池{
宽度：100%；
最大高度：50px；
}
瑞德先生{
颜色：#ff0000；
}
桌子{
边界塌陷：塌陷；
宽度：500px；
}
运输署{
位置：相对位置；
边框：2件纯黑；
-webkit用户选择：无；
宽度：25%；
高度：20px；
溢出：隐藏；
单词包装：打断单词；
填充：0px；
}

与
td
相比，
div
的可能重复行为有所不同。我不想停止输入文本我想隐藏剩余的文本，并且包装文本的高度应该是有限的。@StarkButtowski为什么不在TD中添加div以使其成为可编辑的内容您可以在表标记样式中尝试，如
style=“table layout:fixed；”
在该td中，您可以根据自己的要求提供自定义宽度和高度，并使td的
属性溢出