一尘不染

如何从textarea删除自动换行?

html

当文本溢出时,我的简单textarea不会显示水平条。它换行换行。那么,如何在文本溢出时删除自动换行并显示水平条呢?


阅读 327

收藏
2020-05-10

共1个答案

一尘不染

默认情况下,Textareas不应自动换行,但是您可以将wrap =“ soft”设置为显式禁用换行:

<textarea name="nowrap" cols="30" rows="3" wrap="soft"></textarea>

编辑:“包装”属性不受官方支持。
我从德语的SELFHTML页面这里是英文)获得了该页面,其中说IE
4.0和Netscape 2.0支持它。我还在FF
3.0.7中对其进行了测试,它可以按预期工作。
事情发生了变化,SELFHTML现在是Wiki,英语源链接已消失。

EDIT2:如果要确保每个浏览器都支持它,则可以使用CSS更改换行行为:

使用级联样式表(CSS),您可以使用实现相同的效果 white-space: nowrap; overflow: auto;。因此,wrap属性可以视为已过时。

从这里开始(似乎是一个很好的页面,其中包含有关textarea的信息)。

EDIT3:我不确定它何时更改(根据评论,一定是在2014年左右),但是wrap现在是官方的HTML5属性。更改了答案以与此匹配。

2020-05-10