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

在测试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 属性