我有以下HTML:
- <h2>Embed Code</h2>
- <pre>
- <code>
- <script type="text/javascript">
- var something = 'else';
- </script>
- </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><code>
和
- </code></pre>
它得到修复..