2013-03-24 29 views
0

我試圖美化我的html,以便有人在我的頁面上點擊view source可以看到它。所以,我決定把我的名字寫在我的html之上。但是,Google Chrome的view source上顯示的內容與我在Notepad ++中看到的不同。像中的圖片:爲什麼HTML評論縮進在瀏覽器中顯示不同?

enter image description here

  • 左=谷歌瀏覽器中查看源模式。

  • 右=記事本+

爲什麼我沒有得到什麼,我在記事本中輸入++?是否因爲Notepad ++與Google Chrome使用不同的字體?如果是,Google Chrome中使用的字體是什麼?

我怎樣才能得到我想在Chrome瀏覽器的視圖源中很好地展示的內容?

P.S.我還沒有用其他瀏覽器嘗試過。

+2

可能是因爲不同的編輯器使用不同的字體來顯示源代碼。某些字體的字符間距不均勻,這意味着您無法控制ASCII藝術。您也無法控制換行。 – kufudo 2013-03-24 08:54:29

+0

我其實已經看到一個網站這樣做,他們成功地寫得很好。 – 2013-03-24 08:57:14

+0

Google Chrome在我的Ubuntu上使用Courier New,我沒有更改默認設置。 Courier New是等寬字體,因此您的ASCII藝術應該正確顯示。但是,也許Notepad ++中的字體不是空白的。你應該確保Notepad ++使用這種字體。 – JScoobyCed 2013-03-24 08:58:42

回答

2

我在那裏看到的問題是自動換行。如果你的文本行太長,它會被包裝到下一行。我懷疑有沒有解決方案,除了使消息更短,希望用戶窗口比消息更寬。

+0

該文本沒有包裝到下一行。我沒有截取整個事物的截圖。文本是在它應該是的行,但問題是空間和縮進。 – 2013-03-24 09:01:16

+1

@ThanakronTandavas它真的看起來像包裝文本。在你的chrome圖像中,如果你計算它有多少行,就很容易識別「A」,你會發現它有10個,其​​中有些不向「A」添加任何內容(只有6行,其他行與那些)。另一方面,原件只有6行全部由「A」使用。爲什麼會這樣,如果它不是包裝文本? (Musa +1) – Theraot 2013-03-24 09:05:53

+0

哦!我只注意到了這一點。這實際上是有道理的。我今晚會試試看。我也試圖調整窗口的寬度與其他成功做到這一點的網站。當窗口太小時,它們的文本也會被包裝到下一行。謝謝 ! – 2013-03-24 09:10:37

0

這是非常困難的(我說不可能)在任何你想要的地方做到這一點。我的意思是,這種視覺外觀的目的是爲了在平臺上修飾你的代碼;它不同於編輯器之間是否使用字符間距,換行或換行。問候。

+0

這是可能的。這兩個網站成功地做到了。這[網站](https://layervault.com/)寫了一個文本。這[網站](http://oak.is/)畫了一張臉。 – 2013-03-24 09:02:31

相關問題