如何截斷表格中的文字？

我想讓我的表格單元格像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

回答