设置span、 p标签换行的css样式,后端返回回车符号,前端展示换行

后端返回回车,前端展示换行
如,设置span标签的css样式:

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: 继承

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。