html - make textarea wrap mid-word

Question

当文本到达区域边缘时，我想将文本区域设置为在单词的中间。例如：

正常文本区域行为：
单词单词
长字

我想要的行为：
单词词lo
ngword

看起来很简单，但是我已经四处搜索了，我无法找到任何解决方案，肯定会有属性或CSS属性，对吧？

Answer 1

您可以尝试word-wrap (overflow-wrap)和/或word-break CSS属性：

textarea
{
    word-wrap:break-word;
    word-break:break-all;
}

JSFiddle demo

Answer 2

快速谷歌，发现这个：How to word wrap text in HTML?。

我自己去了：JSFiddle

我使用了这段代码。

<div style="width:50px; word-wrap:break-word">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>