如何截断表格中的文字？

我想让我的表格单元格像excel中的一个一样自如（意思是当我点击任何单元格时，突出显示的可编辑框应该会出现，如果输入的文本超过单元格宽度，它的宽度应该会增加）。当我完成时，表格单元应显示为正常单元格，但超出文本应截断。它应该类似于Excel单元格。如何截断表格中的文字？

我都试过了，

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

和焦点事件，我做了它的z-index：15。此外在模糊事件，我删除了Z指数。但输入的文本不会被修剪，单元格宽度会更新为文本的宽度。

我也曾经尝试过，

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

但溢出不能正常工作。

请帮助和提前致谢。

2013-08-30 schnill

我想你期待这样的尝试这

，并尝试

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

打破字。

2013-08-30 07:51:11

感谢您的答案，但它不工作对我的浏览器（Firefox），当我输入文字时，单元格的宽度会增加。 – schnill

@schnill可以请你拨弄它或在这里显示你的风格 –

我更新了我的问题与小提琴 – schnill

.content:focus{ 
    display: inline-block; 
    width: "YOUR WIDTH"; 
}

现在，你应该在有关JavaScript标记添加的问题：“如何使编辑在该单元格”

2013-08-30 07:54:44 Vladimir

回答