文字换行

在一般长文字下，会自动换行，如果不能自动换行可通过以下CSS样式修改

1
2
3
4
5
6
7
8
span{
    word-break:normal; 
    width:auto; 
    display:block; 
    white-space:pre-wrap;
    word-wrap : break-word ;
    overflow: hidden ;
}

长url换行

想让一个长单词在中间截断换行时，上述方式便不适用，因为其换行原理在于不从一个单词中间截断，因此以下代码才能实现长单词换行功能

1
2
3
white-space: pre-line; // 处理元素中的空白
word-break: break-all;// 单词内断行
word-wrap: break-word;// 换行位置 normal只允许在断字点换行 break-word 长单词或url内部换行