Html 输入/返回键未移动到文本区域中的新行

Html 输入/返回键未移动到文本区域中的新行,html,css,Html,Css,按enter/return键时,我似乎丢失了默认的textarea行为。我想按那个键将光标移动到下一行,但它只是插入了几个空格。一定是在我的css规则中,但我不知道它是什么 按钮,输入,文本区,选择{ 大纲:无; 盒影:无; -webkit外观:无; -moz外观:无; 外观:无; -webkit边界半径:0; 边界半径:0; 颜色:#3b3b; 字体家族:继承; 字体大小:继承; 文字装饰:无; 显示:内联块; 空白:nowrap; 保证金:0; 填充:0.2em 0.4em; 宽度:100

按enter/return键时,我似乎丢失了默认的textarea行为。我想按那个键将光标移动到下一行,但它只是插入了几个空格。一定是在我的css规则中,但我不知道它是什么

按钮,输入,文本区,选择{
大纲:无;
盒影:无;
-webkit外观:无;
-moz外观:无;
外观:无;
-webkit边界半径:0;
边界半径:0;
颜色:#3b3b;
字体家族:继承;
字体大小:继承;
文字装饰:无;
显示:内联块;
空白:nowrap;
保证金:0;
填充:0.2em 0.4em;
宽度:100%;
-webkit过渡:所有0.3轻松输入输出;
过渡:所有0.3秒的缓进缓出;
边框宽度:1px;
边框样式:实心;
边框颜色:#D4;
背景:#fff;
}
文本区{
高度:8em;
垂直对齐:顶部;
溢出:自动;
}

删除
空白:nowrap第14行。

删除
空白:nowrap在第14行。

更新:我发现文本区域的默认行为是
空白:pre,所以我更新了CSS规则如下,现在可以正常工作了:

按钮,输入,文本区,选择{
大纲:无;
盒影:无;
-webkit外观:无;
-moz外观:无;
外观:无;
-webkit边界半径:0;
边界半径:0;
颜色:#3b3b;
字体家族:继承;
字体大小:继承;
文字装饰:无;
显示:内联块;
空白:nowrap;
保证金:0;
填充:0.2em 0.4em;
宽度:100%;
-webkit过渡:所有0.3轻松输入输出;
过渡:所有0.3秒的缓进缓出;
边框宽度:1px;
边框样式:实心;
边框颜色:#D4;
背景:#fff;
}
文本区{
高度:8em;
垂直对齐:顶部;
溢出:自动;
空白:预处理;
}

更新:我发现文本区域的默认行为是
空白:pre,所以我更新了CSS规则如下,现在可以正常工作了:

按钮,输入,文本区,选择{
大纲:无;
盒影:无;
-webkit外观:无;
-moz外观:无;
外观:无;
-webkit边界半径:0;
边界半径:0;
颜色:#3b3b;
字体家族:继承;
字体大小:继承;
文字装饰:无;
显示:内联块;
空白:nowrap;
保证金:0;
填充:0.2em 0.4em;
宽度:100%;
-webkit过渡:所有0.3轻松输入输出;
过渡:所有0.3秒的缓进缓出;
边框宽度:1px;
边框样式:实心;
边框颜色:#D4;
背景:#fff;
}
文本区{
高度:8em;
垂直对齐:顶部;
溢出:自动;
空白:预处理;
}

在Mac上的chrome浏览器中,我觉得还可以。您使用的是什么浏览器?是否有任何css规则被继承?@bdkopen否,您可以查看上面的嵌入代码段,以查看是否没有css规则被继承。我在Mac电脑上使用Safari。@JROB看起来像是
空白:nowrap
-文本区有什么意义?相信这是客户端问题。在Mac电脑上的chrome中,我觉得还可以。你在使用什么浏览器?是否有任何css规则被继承?@bdkopen否,您可以查看上面的嵌入代码段,以查看是否没有css规则被继承。我在Mac上使用Safari。@JROB看起来像是
空白:nowrap
-这在文本区域有什么意义?相信这是客户端的问题。