CSS中已经定义宽度的样式 英文不执行换行

CSS中已经定义了最大宽度的样式 可是 英文不会换行

在编写一个聊天项目时 CSS中已经定义了最大宽度的样式 汉字会自动换行 可是 英文不会换行

原因：认为作为一个英语单词不换行

解决方案：
在CSS中设置字母换行属性：

word-break:break-all;

使用后效果

完美解决

补充

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