0
我正在使用HighlightJS来突出显示我的代码。如何重新设置前置和代码标签之间的间距(用灰色背景标记)?我将pre和code标签的填充和边距都设置为0,但看起来不起作用。理想情况下,我希望代码标签占据pre标签的完整高度。请让我知道我该怎么做?代码标记不占用父标记高度的100%
pre{
background: gray;
margin: 0 !important;
padding: 0 !important;
}
code{
margin: 0 !important;
padding: 0 !important;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/color-brewer.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<pre>
<code class="html">
<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
</code>
</pre>