美文网首页程序员
设置span、 p标签换行的css样式,后端返回回车符号,前端展

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

作者: small_Sun | 来源:发表于2020-08-07 10:17 被阅读0次

    后端返回回车,前端展示换行
    如,设置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: 继承

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/axarrktx.html