如何从textarea删除自动换行？

3回答

慕沐林林

默认情况下，Textareas不应自动换行，但是您可以将wrap =“ soft”设置为显式禁用换行：<textarea name="nowrap" cols="30" rows="3" wrap="soft"></textarea>EDIT2：如果要确保每个浏览器都支持它，则可以使用CSS更改换行行为：使用级联样式表（CSS），您可以使用实现相同的效果 white-space: nowrap;  overflow: auto;。因此，可以将wrap属性视为过时的。从这里开始（似乎是有关textarea信息的绝佳页面）。EDIT3：我不确定它何时更改（根据评论，一定是在2014年左右），但是wrap现在是官方的HTML5属性，请参阅w3schools。更改了答案以与此匹配。

冉冉说

textarea {  white-space: pre;  overflow-wrap: normal;  overflow-x: scroll;}white-space: nowrap如果您不关心空格，也可以使用它，但是如果您使用的是代码（或缩进的段落或可能故意存在多个空格的任何内容），那么您当然也不想这样做...所以我更喜欢pre。overflow-wrap: normal（word-wrap在较旧的浏览器中），以防某些父母更改了该设置；即使pre已设置，也可能导致换行。也-违背了当前接受的答案-文本域也往往默认包。pre-wrap似乎是我的浏览器上的默认设置。

神不在的星期二

以下基于CSS的解决方案适用于我：<html> <head>  <style type='text/css'>   textarea {    white-space: nowrap;    overflow:    scroll;    overflow-y:  hidden;    overflow-x:  scroll;    overflow:    -moz-scrollbars-horizontal;   }  </style> </head> <body>  <form>   <textarea>This is a long line of text for testing purposes...</textarea>  </form> </body></html>