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;不换行，超出部分隐藏且以省略号形式出现

 

碰到记事本里有样式 就是换行  文字贴到html里就没换行了  变成一滩字了。 郁闷！

white-space:pre-wrap;

word-wrap:break-word;

加上这2个样式 OK了 瞬间清爽了很多！

转载请说明出处：第六感博客 原文链接：https://6blog.cn/frontEnd/55