css解决span内容不换⾏问题
span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;}
white-space -- 通过HTML⽂档的源代码的排版⽅式控制页⾯显⽰⽂本的排版⽅式
html span 居中取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常⽆变化(默认处理⽅式.⽂本⾃动处理换⾏.假如抵达容器边界内容会转到下⼀⾏)
pre: 保持HTML源代码的空格与换⾏，等同与pre标签
nowrap: 强制⽂本在⼀⾏，除⾮遇到br换⾏标签
pre-wrap: 同pre属性，但是遇到超出容器范围的时候会⾃动换⾏
pre-line: 同pre属性，但是遇到连续空格会被看作⼀个空格
inherit: 继承
初始值: normal
继承性: 是
适⽤于: 所有元素
white:⽩⾊.space：间隔，距离