IT运维笔记


解决span中的内容不换行

span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;} white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式  取值: normal | pre | nowrap | pre-wrap | pre-line | inherit  normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)  pre: 保持HTML源代码的空格与换行,等同与pre标签  nowrap: 强制文本在一行,除非遇到br换行标签  pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行  pre-line: 同pre属性,但是遇到连续空格会被看作一个空格  inherit: 继承  初始值: normal  继承性: 是  适用于: 所有元素  white:白色.space:间隔,距离