如何识别 String 里的 ‘\r\n‘ 让 HTML换行显示

简介: 如何识别 String 里的 ‘\r\n‘ 让 HTML换行显示

css 设置:

white-space: pre-line;

如:

<span style="white-space: pre-line;">
  内容
</span>

然后页面就能成功识别 ‘\r\n’ 或 ‘\n’ ,并换行显示.


相关文章
|
14天前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
|
14天前
|
前端开发 搜索推荐
【HTML专栏4】常用标签(标题、段落、换行、文本格式化、注释及特殊字符)
【HTML专栏4】常用标签(标题、段落、换行、文本格式化、注释及特殊字符)
21 0
|
14天前
|
前端开发 JavaScript C++
HTML深度解析:掌握换行的艺术
【4月更文挑战第1天】
74 0
HTML深度解析:掌握换行的艺术
|
14天前
|
小程序
微信小程序中识别HTML标签的方法
微信小程序中识别HTML标签的方法
|
14天前
|
SEO
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
如何像人类一样写HTML之标题、段落、换行、水平线与文本格式化标签
|
5月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
|
6月前
|
JSON C++ 数据格式
VS Code中将 “ .art “ 文件识别为 “ .html “ 文件
VS Code中将 “ .art “ 文件识别为 “ .html “ 文件
47 0
|
前端开发
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
133 0
|
前端开发
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
85 0
零基础HTML入门教程(11)——换行br
br 标签是空标签(意味着它没有结束标签,因此这是错误的:有开有闭合的br。在 XHTML 中,把结束标签放在开始标签中,也就是 br/。请注意,br 标签只是简单地开始新的一行,而当浏览器遇到 p 标签时,通常会在相邻的段落之间插入一些垂直的间距。我们上一小节学习了img图像,我们这一小节学习一下新的标签br换行标签,并且熟练使用。我们可以看到加br的哪行代码下面,行内块本应该不换行,但是加完br之后换行了。本小结我们学习了br这个标签他可以起到强制换行的作用,我们要合理熟练使用。
零基础HTML入门教程(11)——换行br