美文网首页
关于在div标签中实现换行空白格展示

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

作者: 心若彩虹_a484 | 来源:发表于2020-03-17 16:07 被阅读0次
    开发过程中可能遇到这样的问题,在编辑器保存输出的内容包含
    换行标签需要在各个场景的div中展示文字换行及空格效果,这时怎么做最不费力??一步一步来。

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

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

    相关文章

      网友评论

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

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