如何保留空白？

Question

我有一个文本框，当我将代码粘贴到其中时，将删除空格。这是一个问题，因为它很难阅读代码。如何修改文本框以保留空白格式？

Answer 1

CSS white-space

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

white-space的其他选项：

• 普通：空白序列将折叠为一个空白。必要时将自动换行。这是默认设置
• nowrap ：空白序列将折叠为一个空白。文本永远不会换行到下一行。文本继续在同一行上，直到遇到
  标记
• 前提：浏览器保留空格。文本只会在换行符上换行。行为类似于HTML中的标记
• 前行：空白序列将折叠为一个空白。文本将在必要时自动换行并换行
• 预包装：浏览器保留空白。文本将在必要时自动换行并换行
• 初始：将此属性设置为其默认值。
• 继承：从其父元素继承此属性。