Javascript 在div中包装文本的方式与在textarea中包装文本的方式相同

我在现场编辑HTML文本区域时创建了一个建议面板。为了得到{x，y}坐标，我在textarea后面使用了一个隐藏的div。我得到carret位置，然后将carret前面的文本加上一个span标记复制到隐藏的div。然后我得到span坐标，并将其提供给建议面板

唯一的问题是，当我在textarea中添加一条没有空格的长线时，这条线在div面板中被剪切时正在被包装（因此建议面板在我添加回车符之前不再处于良好位置）

在这两个位置（textarea和div panel）是否有相同的方式来匹配文本

---

（我正在使用jQuery）

将

溢出：自动

或

溢出：滚动

和

宽度：/高度：

添加到

div

的css中，这将为您提供一个滚动条，它将包装文本，看起来像一个没有边框的文本区域。您还可以给它一个

边框

样式，使它看起来更像一个文本区域

像这样：

 <div style="overflow:auto;width:150px;height:50px;border:1px solid #CCC;">

    Your text goes here

 </div>

你的文字在这里

为您的DIV设置一个

换行符样式：断开word

，将强制换行符，并使您的DIV像文本框一样处理长文本。

我已经尝试将

换行符设置为DIV，但它没有起作用。长单词在div中被拆分为两个单词，而整个单词被放在textarea的新行上。对不起，我的错误，我用“”替换了空格，以便它们可以重复，看起来像textarea，但正因为如此，没有空格来打断单词。