html – 标签增加了自己的空白？

我有以下HTML：

<h2>Embed Code</h2>
<pre>
  <code>
&lt;script type=&quot;text/javascript&quot;&gt;
  var something = 'else';
&lt;/script&gt;
  </code>
</pre>

和以下CSS：

h2 {
  background:#1e7ca2;
  font-weight: 100;
  font-size: 1.25em;
  padding: 10px 15px;
  margin: 0;
  color: white;
}
pre {
  margin:0;
  padding:0;
}
code {
  margin: 0;
  padding: 0 30px;
  display: block;
  background: #1d1f20;
  color: #839496;
  font-size: .85em;
  line-height: 1.6em;
}

但是,h2和pre元素之间有一个差距,我似乎无法摆脱.

你可以在这里看到这个问题：http://jsfiddle.net/gaby/k5V8U/

解决方法

什么是< pre>保留空白.

如果删除< pre>之前的空格和<代码>喜欢这个

<pre><code>

和

</code></pre>

它得到修复..

演示在http://jsfiddle.net/gaby/k5V8U/1/

原文地址：https://www.jb51.cc/html/231339.html