div中的英文不换行问题

问题背景: 在网页上div标签中的中文自动换行，但是英文不换行，解决方案如下:

<div style="word-break:break-all">sfsdfsdfsdffsdfsdfsdfsdfsfsadfsdfasdfasfsdafsfsdafasfasdfsdfsafsadfsdfsfsdfsdfsdfdsfsdfsdfsdfsdfdfdsfsdfsdffsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfs</div>

<div>sfsd水电费水电费水电费水电费水电费电放费水电费水电费费水电费点水电费水电费是电风扇等水电费水电费是电风扇等手动发送电风扇大发水电费是电风扇等飞</div>

知识补充:

1. word-break:break-all;只对英文起作用，以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据
3. white-space:pre-wrap; 只对中文起作用，强制换行
4. white-space:nowrap; 强制不换行，都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持）