1 回答

TA貢獻1871條經驗 獲得超13個贊
那是因為whitespaceis pre(由瀏覽器保留)。這樣做的目的是為了讓您可以縮進代碼。通常,當您想要在 HTML 中呈現代碼時,您可以取消縮進:
? ? ? ? ? ? <td class="code">
? ? ? ? ? ? ? <div class="highlight">
? ? ? ? ? ? ? ? <pre style="line-height: 125%"><<span style="color: #008000; font-weight: bold">meta</span>
<span style="color: #7D9029">http-equiv</span>
<span style="color: #666666">=</span>
<span style="color: #BA2121">"X-UA-Compatible"</span>
<span style="color: #7D9029">content</span>
<span style="color: #666666">=</span>
<span style="color: #BA2121">"IE=edge"</span>>
? ? ? ? ? ? ? ? </pre>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </td>
請注意,您不需要在行<pre>本身上執行此操作(這就是元部分顯示您所需的縮進的原因)。
如果您要經常使用代碼片段,像?Prismjs這樣的庫將使您的生活變得更加輕松并且值得花費這些開銷(事實上,這是一個非常輕量級的庫):
<pre><code class="language-html">(... html code ...)</code></pre>
- 1 回答
- 0 關注
- 128 瀏覽
添加回答
舉報