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

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

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

<pre>

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

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

pre {
      white-space: pre-wrap;
      word-wrap: break-word;
    }
white-space CSS 属性是用来设置如何处理元素中的空白
相关文章
相关标签/搜索