【问题标题】:How to preserve whitespace? [duplicate]如何保留空白? [复制]
【发布时间】:2018-12-20 14:30:07
【问题描述】:

我有一个文本框,当我将代码粘贴到其中时,它会删除空白。这是一个问题,阅读代码要困难得多。如何修改文本框以保留空格格式?

【问题讨论】:

  • 您能否扩展您的问题?可能是您尝试过的代码或出现问题的图像/示例?
  • JSFiddle/codepen 链接可能吗?

标签: html


【解决方案1】:

CSS white-space

<TEXTAREA style="white-space: pre">Hello,  world</TEXTAREA>

white-space 的其他选项:

  • 正常:空格序列将折叠成一个空格。文本将在必要时换行。这是默认的
  • nowrap:空格序列将折叠成一个空格。文本永远不会换行到下一行。文本在同一行继续,直到遇到
    标记
  • pre:空白由浏览器保留。文本只会在换行符处换行。类似于 HTML 中的标签
  • pre-line:空格序列将折叠成一个空格。文本将在必要时换行,并在换行符
  • pre-wrap:空白由浏览器保留。文本将在必要时换行,并在换行符
  • initial:将此属性设置为其默认值。
  • 继承:从其父元素继承此属性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-20
    • 2021-09-23
    • 2021-11-29
    • 2019-03-26
    • 1970-01-01
    • 2011-12-15
    相关资源
    最近更新 更多