html - 在页面上不出现换行符的情况下打破 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 或缩进行，换行符/缩进都忠实地复制在页面中，因此在比我的源代码行更窄的文本区域中换行看起来很不稳定。

我知道有一种方法可以做到这一点，我怀疑当有人指点我时我会觉得自己很笨，我只是在搜索之后找不到技术，我想我只是没有搜索正确的条款...

Answer 1

这就是 textarea 的工作原理。你输入的就是你得到的。可悲的是，那不是可读的地方。你将不得不忍受你的代码在那里稍微丑陋一些。

赞<pre> , 所有换行符和空格都被保留。

---

另外，你不应该关心你的最终源是什么样子，事实上，你最终源，呈现给客户的应该被压缩和缩小尽可能节省带宽。

您应该关心的是您的开发源。您实际持续开发的来源。