如何讓html內容中的智能單詞中斷可編輯DIV

Question

因此，我正在使用內容可編輯DIV，並且希望實現智能單詞中斷功能，就像您在大多數文字處理器，Medium.com等網站中看到的那樣很盒我打字到這個堆棧溢出

我的意思是智能斷字是什麼，如果你在鍵入一個單詞的中間，你是要打到div的末尾，則它把整個單詞推到下一行，而不是把這個單詞打斷。

如何做到這一點的任何線索？

謝謝！

Answer 1

什麼你指的是「word wrapping」，這裏所說的「包裹」到下一行。所以，如果你的div是不這樣做，那麼你可能有一個問題其他地方這是自動完成的。發生這種情況的原因是因爲div會自動換行，即使它不是contenteditable，所以默認情況下會這樣做。它可以從自動換行被禁用的一種方法是，如果你在你的CSS（在How to turn off word wrapping in HTML?更多信息）white-space: nowrap，但是這似乎不太可能。