Javascript 如何截断表格单元格中的文本？

我想使我的表格单元格内容像excel中的一样可编辑（这意味着当我单击任何单元格时，会出现一个高亮显示的可编辑框，如果输入的文本超过单元格宽度，则其宽度会增加）。完成后，表格单元格应显示为正常单元格，但超出的文本应截断。它应该类似于excel表格单元格

我试过了

<td contenteditable="true" class="content" style="overflow:hidden"></td>

<td><div contenteditable="true" style="width:100%; height:100% overflow:hidden"></div>  
</td>

在焦点事件中，我的z指数是15。同样在模糊事件中，我删除了z索引。但输入的文本不会被修剪，单元格宽度会更新为文本宽度

我也试过,

<td contenteditable="true" class="content" style="overflow:hidden"></td>

<td><div contenteditable="true" style="width:100%; height:100% overflow:hidden"></div>  
</td>

但溢出不起作用

---

请提前给予帮助和感谢。

我想你希望这样，试试这个

  .content{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

并且也尝试一下

   word-wrap: break-word;
   overflow-wrap: break-word;

因为他失言了

---

现在您应该在javascript标签中添加问题：“如何在该单元格中进行编辑”

谢谢您的回答，但它在我的浏览器（firefox）上不起作用，当我输入文本时，单元格的宽度会增加。