Html 解决长串英文字母显示不能自动换行及 CSS中英文换行方法总结

英文字母之间如果没有空格,系统认为这是一个单词,就不会自动换行,一但有空格就会换行,汉字就没有这种情况.

解决办法:

word-break:break-all;


CSS中英文换行问题:

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

 

posted @ 2018-07-30 14:40  joyer_lee  阅读(620)  评论(0编辑  收藏  举报