html - textarea 打断单词并且不换行

Question

我对 phpBB 论坛的文本区域有疑问。当用户在某些情况下输入某些内容时，该行不会中断，因此该行会继续而不会中断到新行。在我的例子中，当我输入内容时，单词本身会换行。

例如，“machine”将被分解为“mach”..从新行开始..“ine”，我知道如果没有足够的空间容纳单词，则应将其移至新行。

我几乎尝试了我在互联网上搜索到的所有内容。有人可以告诉我如何覆盖每个属性并将 textarea 设置为默认的正确设置吗？

更新:

这是 HTML:

<div id="message-box">
    <textarea name="message" id="message" rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox"></textarea>
</div>

这是 CSS:

#message-box textarea.inputbox {
    width: 100%;
    height: auto;
    resize: none;
}

#message-box textarea {
    color: #333333;
}

textarea.inputbox {
    white-space: normal;
}

Answer 1

在CSS中，试试

textarea{
  word-break : normal;
}