记:原样输出文字,不做任何处理

今天有个奇葩需求:让纯文本文字换行输出?

what?几年没用过这个标签了..当时用的时候还是初学的时候。。。当时嫌弃空格什么要转义麻烦。。。

<pre>

HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

然后对pre使用css样式换行,解决了此问题

   pre {
      white-space: pre-wrap;
      word-wrap: break-word;
    }
white-space CSS 属性是用来设置如何处理元素中的空白
    原文作者:ddsdchdsd
    原文地址: https://segmentfault.com/a/1190000017978525
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞