Javascript 删除前置/代码标记中的空白

我使用prism.js突出显示代码。这是我用来制作简单输出的代码。问题是顶部和底部都有不需要的空格

div class=“测试类”/div

有没有办法使用css或jquery删除不需要的空格（红色部分显示的部分）

.一些代码{
}

---

试试这个：它将删除此文件中的所有边距和填充

---

似乎正在考虑

块内部的换行符。我想你必须修改你的代码



。一些代码{
}

body{margin:0；padding:0；}
前{margin:0！重要；padding:0！重要；}

div class=“测试类”/div

---

Prism.js有一些不友好的怪癖。我今天更新了这个新行为，不可能手动修复我所有的博客帖子

只需在页面加载时运行此代码，即可从所有代码块中修剪前导/尾随空格

---

你想隐藏滚动条吗？没有@VisioN我是说顶部和底部的填充区域需要比你提供的更好的示例标记，因为这可能是以下几点之一。可能添加

style=“空白：正常”

或

style=“空白：nowrap”

到

pre

和

code

？你能更好地解释@Rob我的意思是你想让我如何编辑它吗？你能改进你的CSS代码吗。你想用填充来更新（div，any类）的哪个部分？谢谢Nico，这确实解决了问题，但是底部和顶部的问题一样，都有空白。更新代码剪断并删除不必要的换行符。您也需要在底部进行相应的修剪。也可以在

pre

和

code

标记之间，完全删除空格。我也会为我的博客帖子做同样的事情，因为我最近发现了这个问题！感谢hanks@robjez删除了所有的空格hanks，但是如果用我的代码片段运行代码，它将不会像预期的那样工作

<pre>
  <code class="language-css">
    &lt;div class="test_class"&gt;&lt;/div&gt;
  </code>
</pre>

<pre>
<code class="language-css">.some_code{


}
</code>
</pre>

pre, code {
    padding:0;
    margin:0;
}

$(document).ready(function(){
  $("code[class^='language-']").each(function(){
    $(this).html($(this).html().trim());
  });

  Prism.highlightAll();
});