为什么换行时textarea控件在控件的值中插入换行符?

时间:2018-12-20 18:58:55

标签: html css google-chrome

即使用户未插入新行,也将换行符插入到textarea的值中。

我想继续在控件中使用文本换行,并允许用户在需要时输入换行符。但是,在包装文字时,浏览器不能插入换行符。

这不是应该发生的,因为textarea设置为软包装。

<textarea type="text" id="Answers_Text" runat="server" class="answerTextBox" maxlength="256" wrap="soft"></textarea>

.answerTextBox {
    height: 60px;
    width: 580px;
    font-size: 14px;
    white-space: pre-wrap;
    word-break: normal;
}

如果您键入的句子恰好适合文本区域的宽度,然后输入空格并开始键入新的句子,则第二个句子将正确地换行到第二行,并且不会插入换行符。但是,如果您输入一个空格作为第二个句子的第一个字符,则会在该句子的开头插入一个文字换行符,以替换通常在换行时使用的换行符。

我已经尝试在Chrome和Firefox中对此进行测试,并且仅在Chrome中插入了此硬断行符。据我了解,仅当我将wrap属性设置为“ hard”时,这种情况才会发生。有我缺少的设置吗?还是这种预期的行为?

1 个答案:

答案 0 :(得分:0)

关闭<textarea></textarea>标签!

<textarea type="text" id="Answers_Text" runat="server" class="answerTextBox" maxlength="256" wrap="soft" ></textarea>