美文网首页程序员
设置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样式,后端返回回车符号,前端展

    后端返回回车,前端展示换行如,设置span标签的css样式: white-space -- 通过HTML文档的源代...

  • 杂记

    页面中中文标点符号换行问题,可以在CSS中设置父级div: span标签自助换行: 自定义格子标签布局:以下样式是...

  • CSS显示模式

    div 和 span 标签 div标签:配合CSS完成网页的基本布局,设置样式 span标签:配合CSS来修改网页...

  • 前端Day - 02

    CSS三种样式 行间样式表 内部样式表 外部样式表 CSS基本样式 常用标签 超链接 base标签 span标签 ...

  • p标签换行

    css设置p标签换行 display: -webkit-box; -webkit-box-orient: vert...

  • CSS选择器

    派生选择器 2.p标签下的span标签添加样式,无需在span标签里面增加id或者class,方便,这种样式比起自...

  • CSS学习之CSS基础

    标签: 前端 css 样式 CSS样式 css全称为"层叠样式表(cascading style sheets)...

  • 学习第二天

    css 层叠样式表 修饰 div (装东西的空白标签) +span (修饰文字细节的空白标签)写入style(样式...

  • 2018-06-26

    p:把文章的段落放到p标签中。 span:标签是没有语义的,它的作用就是为了设置单独的样式用的。 br:在需要加回...

  • 搜索框模糊查询

    前端html代码 前端js代码 前端css代码 后端php返回json

网友评论

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

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