textarea打破了单词并且没有创建新行

时间:2015-10-30 07:53:09

标签: html css html5 css3

我的phpBB论坛的textarea有问题。当用户在某些情况下键入某些内容时,该行不会中断,因此该行继续而不会断开到新行。在我的情况下,当我输入内容时,单词本身会中断新行。

例如,"机器"将从新的线开始到#34; 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;
}

1 个答案:

答案 0 :(得分:1)

在CSS中,尝试

textarea{
  word-break : normal;
}