在HTML源代码中打破长行而页面上没有换行符

Question

我有一堆看起来像这样的代码：

        <textarea class="normalPara" rows="auto" cols="80" wrap="hard" disabled>
abcdefg Ojisslk myfadeww klkkso mnbuyt ioA[Q opllisddfl kemcjdosidns   okk aswooerkccls jjepo zevert plice jkeuiic heynmbb llloe
        </textarea>

出于可读性和整洁的目的，我想缩进长字符串，并将其显示在源代码中，如下所示：

        <textarea class="normalPara" rows="auto" cols="80" wrap="hard" disabled>
            abcdefg Ojisslk myfadeww klkkso mnbuyt ioA[Q opllisddfl kemcjdosidns
            okk aswooerkccls jjepo zevert plice jkeuiic heynmbb llloe
        </textarea>

问题在于，无论我在源中放置CR还是缩进行，都会在页面中忠实地再现换行符/缩进，因此在比我的源行更窄的textarea中包装看起来很糟糕。

我知道有一种方法可以做到这一点，我怀疑当有人指出我时我会感到愚蠢，我只是在找到它之后才能找到这种技术，我想我是＆＃39 ;我只是没有用正确的术语搜索......

Answer 1

这就是textarea的工作方式。你输入的内容正是你得到的。可悲的是，这不是可读的地方。你必须忍受你的代码稍微丑陋。

与<pre>一样，所有换行符和空格都会被保留。

---

此外，您不应该关心结束源的外观，实际上，结束源，呈现给客户端的内容应该被压缩和缩小尽可能地节省带宽。

应该关注的是您的开发源。你实际上不断发展的来源。