如何从textarea删除自动换行？
当文本溢出时，我的简单textarea不会显示水平条。它换行换行。那么，如何在文本溢出时删除自动换行并显示水平条呢？
胡说叔叔浏览 732回答 3
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>
随时随地看视频慕课网APP
Html/CSS