如何使用 css、javascript 或 jquery 忽略 html“代码”块中的前导和尾随换行符?

2024-04-15

在我的 HTML 源代码中,我有一个如下所示的代码块(我在此页面上使用 showdown 和highlight.js):

<pre><code class="cpp">
double myNumber = (double)4;
</code></pre>

我的问题是第一个换行符仍然是“代码”块的一部分。这可能是因为封闭的“pre”块,但我需要它,因为highlight.js需要它(显然也是HTML5标准推荐它 http://www.w3.org/TR/html5/grouping-content.html#the-pre-element)。代码呈现如下(注意前导换行符):

所以我的问题是,使用 css、javascript 或 jquery,如何从像这样的“代码”块中删除前导或尾随换行符?


你可以使用这个技巧:

pre:first-line {
    line-height: 0;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 css、javascript 或 jquery 忽略 html“代码”块中的前导和尾随换行符? 的相关文章

随机推荐