HTML Textarea水平滚动

我想在HTML页面中为textarea提供水平滚动.如果我输入没有换行符的长行,滚动应该没有换行.一些朋友建议使用overflow-y CSS属性,这对我来说不起作用.我使用的浏览器是IE 6+和Mozilla 3+.

我想通过非W3c兼容的方式来做这件事,它在IE和Firefox中都有效,而且在Chrome中也是如此.

我添加了wrap带有值的属性off,这就是</code>我所做的.</p></p> <br><br><b>2> Aram Kochary..：</b><hr><p>要设置不包装,您将使用:</p> <pre class="brush:bash;">white-space: nowrap; </pre> <p>对于其他值:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space</p> <p>注意:然而,折旧<code>wrap="off"</code>似乎是传统浏览器支持的唯一方式.虽然它不符合HTML 5标准,但如果你的目标是所有浏览器,它仍然是我的首选.</p></p> <hr>要正确查看新行,必须使用`white-space:pre;`. <hr>这不起作用.它将所有文本(包括多行)放在同一行上,而不是所需的行为. <br><br><b>3> Azdle..：</b><hr><p>如果您有包含LF的预格式化文本,则应添加<code>white-space: pre;</code>到css.这将保留已经在文本中的新行,并且不会换行长行.</p> <p>这适用于所有版本的Firefox,所有基于Webkit的浏览器和IE6 +.</p> <p>资料来源:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space</p></p> </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_recommend"> <div class="list_top">推荐阅读</div> <div class="ListItems"> <ul class="NewsList"> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiYongYu_Androi_5b77bb09.html" target="_blank" title="适用于Android和IOS的HighChart库">适用于Android和IOS的HighChart库</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《适用于Android和IOS的HighChart库》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ShiYongYu_Androi_5b77bb09.html" target="_blank" title="适用于Android和IOS的HighChart库">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_Haskell_Zhon_bac18532.html" target="_blank" title="在Haskell中导入数据类型">在Haskell中导入数据类型</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在Haskell中导入数据类型》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Zai_Haskell_Zhon_bac18532.html" target="_blank" title="在Haskell中导入数据类型">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Array-apply-null_640b0273.html" target="_blank" title="Array.apply(null,Array(9))vs new Array(9)">Array.apply(null,Array(9))vs new Array(9)</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Array.apply(null,Array(9))vsnewArray(9)》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Array-apply-null_640b0273.html" target="_blank" title="Array.apply(null,Array(9))vs new Array(9)">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZai_DynamoDB_c4e279d4.html" target="_blank" title="如何在DynamoDB中查询不存在的(null)属性">如何在DynamoDB中查询不存在的(null)属性</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在DynamoDB中查询不存在的(null)属性》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/RuHeZai_DynamoDB_c4e279d4.html" target="_blank" title="如何在DynamoDB中查询不存在的(null)属性">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/React-_RuHeJinBo_69bf0c34.html" target="_blank" title="React - 如何仅捕获父级的onClick事件而不是子级">React - 如何仅捕获父级的onClick事件而不是子级</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《React-如何仅捕获父级的onClick事件而不是子级》经验，为你挑选了3个好方法。 ... <a href="https://devbox.cn/p/React-_RuHeJinBo_69bf0c34.html" target="_blank" title="React - 如何仅捕获父级的onClick事件而不是子级">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZiLeiDeDuiXiangC_c6ba3a26.html" target="_blank" title="子类的对象创建是否创建了超类的对象,如果是,是否可以在子类中访问它？">子类的对象创建是否创建了超类的对象,如果是,是否可以在子类中访问它？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《子类的对象创建是否创建了超类的对象,如果是,是否可以在子类中访问它？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZiLeiDeDuiXiangC_c6ba3a26.html" target="_blank" title="子类的对象创建是否创建了超类的对象,如果是,是否可以在子类中访问它？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Node-jssqlite3IN_6993bc56.html" target="_blank" title="Node.js sqlite3 IN运算符">Node.js sqlite3 IN运算符</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Node.jssqlite3IN运算符》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Node-jssqlite3IN_6993bc56.html" target="_blank" title="Node.js sqlite3 IN运算符">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_Magento2_Zho_fac542e5.html" target="_blank" title="在Magento2中获取当前货币符号">在Magento2中获取当前货币符号</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在Magento2中获取当前货币符号》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Zai_Magento2_Zho_fac542e5.html" target="_blank" title="在Magento2中获取当前货币符号">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiYong_Ramda-Lo_adf24dfb.html" target="_blank" title="使用Ramda/LoDash/Underscore在嵌套属性上进行独特分组和计数">使用Ramda/LoDash/Underscore在嵌套属性上进行独特分组和计数</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《使用Ramda/LoDash/Underscore在嵌套属性上进行独特分组和计数》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ShiYong_Ramda-Lo_adf24dfb.html" target="_blank" title="使用Ramda/LoDash/Underscore在嵌套属性上进行独特分组和计数">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Java_Liu_-orElse_ddb4718b.html" target="_blank" title="Java流.orElseThrow">Java流.orElseThrow</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Java流.orElseThrow》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Java_Liu_-orElse_ddb4718b.html" target="_blank" title="Java流.orElseThrow">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Tensorflow_Zhong_09fce981.html" target="_blank" title="Tensorflow中的同步与异步计算">Tensorflow中的同步与异步计算</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Tensorflow中的同步与异步计算》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Tensorflow_Zhong_09fce981.html" target="_blank" title="Tensorflow中的同步与异步计算">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Jenkinspowershel_5b2556b7.html" target="_blank" title="Jenkins powershell插件总是成功构建">Jenkins powershell插件总是成功构建</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/Jenkinspowershel_5b2556b7.html" target="_blank" title="Jenkins powershell插件总是成功构建"><img src="https://img.devbox.cn/3cccf/16086/243/5e25fe10f29a56d2.png" width="120" height="70" alt="Jenkins powershell插件总是成功构建"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《Jenkinspowershell插件总是成功构建》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/Jenkinspowershel_5b2556b7.html" target="_blank" title="Jenkins powershell插件总是成功构建">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RxJava_He_Retrof_349aa300.html" target="_blank" title="RxJava和Retrofit2:NetworkOnMainThreadException">RxJava和Retrofit2:NetworkOnMainThreadException</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《RxJava和Retrofit2:NetworkOnMainThreadException》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/RxJava_He_Retrof_349aa300.html" target="_blank" title="RxJava和Retrofit2:NetworkOnMainThreadException">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeShiYong_php__50da3e81.html" target="_blank" title="如何使用php从mysql数据库访问特定值？">如何使用php从mysql数据库访问特定值？</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/RuHeShiYong_php__50da3e81.html" target="_blank" title="如何使用php从mysql数据库访问特定值？"><img src="https://img.devbox.cn/3cccf/16086/243/d7c059f5a3503b7b.png" width="120" height="70" alt="如何使用php从mysql数据库访问特定值？"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《如何使用php从mysql数据库访问特定值？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuHeShiYong_php__50da3e81.html" target="_blank" title="如何使用php从mysql数据库访问特定值？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/--39;x-lt;-lt;~y_659610ae.html" target="_blank" title="'x << ~y'在JavaScript中代表什么？">'x << ~y'在JavaScript中代表什么？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《'x<<~y'在JavaScript中代表什么？》经验，为你挑选了5个好方法。 ... <a href="https://devbox.cn/p/--39;x-lt;-lt;~y_659610ae.html" target="_blank" title="'x << ~y'在JavaScript中代表什么？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/gulplocal_He_CLI_fc251182.html" target="_blank" title="gulp local和CLI版本不匹配">gulp local和CLI版本不匹配</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《gulplocal和CLI版本不匹配》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/gulplocal_He_CLI_fc251182.html" target="_blank" title="gulp local和CLI版本不匹配">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZaiBuShiYong_jQu_0c28fe92.html" target="_blank" title="在不使用jQuery的情况下将表转换为JavaScript中的数组">在不使用jQuery的情况下将表转换为JavaScript中的数组</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在不使用jQuery的情况下将表转换为JavaScript中的数组》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZaiBuShiYong_jQu_0c28fe92.html" target="_blank" title="在不使用jQuery的情况下将表转换为JavaScript中的数组">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZhongZai_C--new__24f7ae47.html" target="_blank" title="重载C++ new运算符时的大小信息">重载C++ new运算符时的大小信息</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《重载C++new运算符时的大小信息》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZhongZai_C--new__24f7ae47.html" target="_blank" title="重载C++ new运算符时的大小信息">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Java_JieKou_-_Ge_a827e9b1.html" target="_blank" title="Java接口:根据对象类型调用实现类">Java接口:根据对象类型调用实现类</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Java接口:根据对象类型调用实现类》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Java_JieKou_-_Ge_a827e9b1.html" target="_blank" title="Java接口:根据对象类型调用实现类">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/python_RuHeZaiLi_584ff176.html" target="_blank" title="python如何在列表中返回第一个value = true？">python如何在列表中返回第一个value = true？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《python如何在列表中返回第一个value=true？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/python_RuHeZaiLi_584ff176.html" target="_blank" title="python如何在列表中返回第一个value = true？">[详细]</a> </div> <div style="clear:both"></div> </li> </ul> </div> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了