美文网首页
关于在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标签中实现换行空白格展示

    开发过程中可能遇到这样的问题,在编辑器保存输出的内容包含换行标签需要在各个场景的div中展示文字换行及空格效果,这...

  • html

    :p标签的文本会在一个段落中自动换行。div标签内的文本也会在一个段落中自动换行。 :换行标签,使自动换行。文本格...

  • 杂记

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

  • 01.22 div和span

    div和span 都是无语义标签,空白标签,网页中内容分组分块都是使用div作为容器 div - 一个div占一行...

  • div和span及表单

    div和span是非常重要的标签,一个空白的盒子 div div是容器级标签,不会增加任何的效果 在div标签里面...

  • textarea:进行文本换行

    一、textarea进行文本换行 二、换行符在textarea、div、pre中的区别 关于换行符,网上有许多说法...

  • textarea标签的换行

    在textarea标签中经常会遇到换行操作,我们该如何获取textarea中的换行保存在数据库中,查看时展示到页面...

  • 小程序模板语法

    1.text 相当于span标签 行内元素 不会换行 2.view 相当于div标签 块级元素 会换行 1.数据绑...

  • 网页设计:HTML常用的五种标签

    div标签 p标签 span标签 a标签 img标签 html:超级文本标记语言 1,div标签: 是在html中...

  • css知识小结

    前言:divcss两个html标签 1 div:块标签 标签内部的内容会换行 默认自己独占 2 span:行...

网友评论

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

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