html – highlight.js和Bootstrap的问题

概述这是 HTML,很简单： <script>hljs.initHighlightingOnLoad();</script><div class="container"> <section> <pre> <code> function() { console.log("test") 这是 HTML,很简单：

<script>hlJs.initHighlightingOnLoad();</script><div >    <section>        <pre>            <code>                function() {                    console.log("test");                }            </code>        </pre>    </section></div>

我尝试了一些CSS,但它没有改变任何东西：

code {    text-align: left;}pre {    padding-top: 0;    padding-bottom: 0;}

您可以在this fiddle中看到它的样子.我想要左侧的代码,以及顶部< pre>之间的巨大填充是什么？和< code&gt ;?
谢谢！
更新：Here是一个工作版本,虽然HTML看起来不太好.有没有人有更好的主意？

解决方法 这是因为pre标签.它将给定内容作为预先格式化.这意味着它以文档中使用的方式显示选项卡和空格.删除Js代码前面的选项卡和空格,它可以正常工作.

<pre>// code example goes here without any indentation</pre>

总结

以上是内存溢出为你收集整理的html – highlight.js和Bootstrap的问题全部内容，希望文章能够帮你解决html – highlight.js和Bootstrap的问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。