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;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)