在表格单元格中获取格式正确的文本

Question

我有一个可编辑的html表，我希望可以进行以下格式化 -

1. 除非我按回车键，否则应该点击“输入”时保存新行中的数据而不是下一行。
2. 如果文本超出列的宽度并在悬停时显示，则应隐藏溢出的文本。
3. 即使有更多行显示隐藏它们并且仅在悬停时显示，也应该可以看到最多三行。

我已经尝试了很多来实现这一目标，但似乎没有什么帮助，我是新手，所以善意帮助家伙。 这是我尝试过的 -

td {
  white-space:pre-wrap;
  max-width: 100px; 
  overflow: hidden; 
  text-overflow: ellipsis;
}