为什么 HTML 注释缩进在浏览器中显示不同？答案

【问题标题】：Why HTML comment indentation is displayed differently in browser?为什么 HTML 注释缩进在浏览器中显示不同？
【发布时间】：2013-03-13 20:42:33
【问题描述】：

我试图美化我的 html，以便每当有人在我的页面上单击 view source 时都能看到它。所以，我决定在我的 html 上写下我的名字作为评论。但是，Google Chrome 的view source 上显示的内容与我在 Notepad++ 中看到的不同。和图片一样：

为什么我没有得到我在 notepad++ 中输入的内容？是因为 Notepad++ 使用了与 Google Chrome 不同的字体吗？如果是，谷歌浏览器使用的是什么字体？

我怎样才能在谷歌浏览器的视图源上很好地显示我想要的内容？

附注我还没有在其他浏览器上尝试过。

【问题讨论】：

可能是因为不同的编辑器使用不同的字体来显示源代码。有些字体的字符间距不均匀，这意味着您无法控制 ASCII 艺术。你也不能控制换行。
我实际上已经看到一个网站做到了这一点，他们成功地写得很好。
Google Chrome 在我的 Ubuntu 上使用 Courier New，我没有更改默认设置。 Courier New 是等宽字体，因此您的 ascii 艺术应该可以正确显示。但是，也许您在 Notepad++ 中的字体不是等宽字体。你应该确保 Notepad++ 使用这样的字体。
这个website 写了一条短信。这个website 画了一张脸。

【解决方案1】：

我看到的问题是自动换行。如果您的文本行太长，它将被换行到下一行。我怀疑是否有解决方案，除了使消息更短并希望用户窗口比消息更宽。

【讨论】：

文本没有换到下一行。我没有截取整件事的截图。文本在它应该在的行中，但问题是空格和缩进。
@ThanakronTandavas 它看起来真的像包装的文本。在您的 chrome 图像中，如果您计算它有多少行，很容易识别“A”，您会看到它有 10 行，其中有些没有向“A”添加任何内容（只有 6 行，其他与那些）。另一方面，原来只有 6 行全部被“A”使用。如果不是换行文本，为什么会这样？（+1 穆萨）
哦！我只是注意到了。这实际上是有道理的。我今晚会试试看。我还尝试使用其他成功做到这一点的网站来调整窗口的宽度。当窗口太小时，它们的文本也会被换行到下一行。谢谢！

【解决方案2】：

在你想要的任何地方都很难（我会说不可能）。我的意思是，这种视觉外观的目的是在平台上修饰您的代码；无论是否使用字符间距、换行甚至换行，它都因编辑器而异。问候。

【讨论】：