美文网首页
如何让<textarea>显示水平滚动条?

如何让<textarea>显示水平滚动条?

作者: waka | 来源:发表于2017-02-25 09:35 被阅读586次

在测试scrollWidth、clientWidth、offsetWidth时需要让<textarea>可以出现水平滚动条,但是发现<textarea>默认会自动换行,不能直接出现水平滚动条,所以为了实现该效果,需要对<textarea>做一些处理

参考文章:如何让文本区域 textarea 出现横向滚动条(水平滚动条) ..._网易博客

// 此时除非遇到换行符,否则内容将一直向右
<textarea wrap="off" style="overflow:scroll;"></textarea>

textarea的wrap里的4中类型:
如果输入的字符数超过textarea的原定宽度,warp属性可以用来设定textarea中的文字如何换行,四个属性:

  • off :停用单词换行
  • hard(physical): 启用单词换行
  • soft(virtual): 启用单词换行,但不传送用户输入的换行符
  • DW:中的default是缺省值off

w3cshcool: HTML <textarea> 标签的 wrap 属性

相关文章

网友评论

      本文标题:如何让<textarea>显示水平滚动条?

      本文链接:https://www.haomeiwen.com/subject/yxmgwttx.html