textarea 英文或数字不自动换行的解决方法

发布时间:2019-10-23编辑:脚本学堂
不知道大家是否遇到过当textarea中为英文为数字时,长内容不自动换行,本文为大家提供二个解决方法,供大家参考。

原先的样式是这样的:
 

复制代码 代码示例:
word-wrap:break-word;word-break:break-all;

textarea 显示一串英文时不会发生换行。

以下是解决方法:
1、限制textarea的大小
width 设置为 00px (不要设置为00%)
cols  设置为 30+ (也有类似效果)

2、设置css 
word-wrap:break-word;word-break:break-all; word-wrap:break-word; 强制换行,以单词为分解。
word-break:break-all;  强制换行 以最后一个单词,会强制拆分单词。