关于在div标签中实现换行空白格展示

开发过程中可能遇到这样的问题，在编辑器保存输出的内容包含
换行标签需要在各个场景的div中展示文字换行及空格效果，这时怎么做最不费力？？一步一步来。

1.在内容保存时用正则将
标签替换成换行符\r\n, 此时输出的内容都是带换行符的。
str = str.replace(/<br\s*/?>/gi,"\r\n");

2.在各个场景的div需要展示文字的时候增加一个css样式,这个样式基本兼容所有浏览器，属性设置处理元素内的空白white-space:pre-wrap;

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

推荐阅读更多精彩内容

  • 电子商务网站开发与建设
    概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,342评论 0赞 3
  • 2018-06-14
    在C语言中,五种基本数据类型存储空间长度的排列顺序是: A)char B)char=int<=float C)ch...
    夏天再来阅读 3,418评论 0赞 2
  • 学习笔记（一）
    浏览器与服务器的基本概念 浏览器（安装在电脑里面的一个软件） 作用： ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,160评论 0赞 0
  • js总结（！！！）
    简述JavaScript起源起源于美国的Netscape公司，原名为LiveScript，后改为JavaScrip...
    3ab670b99521阅读 3,064评论 0赞 0
  • 浏览器原理
    前端必读：浏览器内部工作原理[https://kb.cnblogs.com/page/129756/] 作者: T...
    我是强强阅读 1,167评论 0赞 2