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:间隔,距离

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。