JS解决所有浏览器连续输入英文字母不换行问题,包括火狐

问题描述:

测试数据测试数据

p标签内如果输入一长段英文字符,像这样

asfjhasklfjaklsfjalsjflkasjfaslkfjalskfjklashfkoasljflkwqjlafsasfasffkajslkfjaslkfjalksjflaksjfklasjfkjasfakshfkajshfasfasfasfasfwafasfa

那么就会出现浏览器不会自动换行的问题。

网上找到了一个word-break的css属性,将其值置为break-all;测试OK!但悲剧的发现FF还是不兼容,但如果把p标签换成textarea标签就可行。

木有办法,只有用JS判断浏览器内核,然后对于FF内核输出不同内容,代码如下:

OK!大功告成,对于FF就会以textarea来显示内容,这样连续英文字符也不会出现不换行的效果。目前想到的比较好的兼容方案,如有高手见此鄙文,还请给出更好的兼容方案。

你可能感兴趣的:(JS解决所有浏览器连续输入英文字母不换行问题,包括火狐)