【问题标题】:textarea scrollbar remove automatic wordwrap/ new linestextarea 滚动条删除自动换行/换行
【发布时间】:2012-05-04 09:58:42
【问题描述】:

一直在寻找,但没有找到解决方案。

我有一个 textarea,asp:textbox,我尝试在用户不进行换行的情况下删除将文本放置在第二行的行为。只要用户不按回车键,即使文本框本身不够大,无法显示所有文本,我也希望它继续在同一行上。

runat="server" Width="387" Height="40px" TextMode="MultiLine" onkeypress="MaxTwohundred(this);" Rows="2" style="overflow-x: scroll; overflow-y:

实现此目的的正确方法是什么?

white-space:nowrap 不起作用。用户不能通过按返回按钮来进行简单的换行。

谢谢。

编辑

感谢蒂姆梅多拉,它有效。

波纹管是我使用的。

 TextMode="MultiLine" 
                style="overflow-x: scroll; overflow-y: hidden; " wrap="false"

【问题讨论】:

    标签: asp.net html


    【解决方案1】:

    查看此示例:http://jsfiddle.net/nDtpL/4/

    虽然使用 CSS white-space 来控制这种行为会很好,但浏览器支持不一致(请参阅 cmets)。相反,我使用wrap="off" 来获得所需的行为(至少在我对 Chrome、IE 9(和 7 8 仿真模式)和 FF 的快速测试中)。

    这是一个类似的帖子:enter does not work in textarea in Internet Explorer 8

    【讨论】:

    • 它实际上在 Chrome 中对我有用,但在 FF 中我没有得到想要的行为。我会看看我是否能找到更好的解决方案。你用的是什么浏览器?
    • 它在 Internet Explorer 中对我不起作用,这是公司大多数用户正在使用的,也是对我的需求..
    • 是的。 IE9 忽略返回键,Chrome 正常工作,FF 完全忽略样式。我正在寻找是否有 IE 的专有扩展来完成此操作。
    • 文本不断扩大,直到用户在 PC 上的 IE 7/8/9 上点击返回。 JS fiddle 对您不起作用,还是在您的实际页面中不起作用?也许还有另一个问题。
    猜你喜欢
    • 2015-09-13
    • 2011-10-19
    • 2013-10-25
    • 1970-01-01
    • 2011-05-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-13
    相关资源
    最近更新 更多