如何减少<p>标签之间的空间？

Question

我有一个页面,我正在转换为PDF.此页面包含许多段落,并不能完全适合单个页面.如果我可以减少<p>标签之间的间距,这将有助于更多.这可能吗？谢谢.

Answer 1

使用css:

p { margin:0 }

试试这个精​​彩的插件http://www.getfirebug.com :)

编辑:Firebug现已关闭作为一个项目,它被迁移到https://www.mozilla.org/en-US/firefox/developer

Answer 2

如上所示,问题是<p>标记在渲染时间之前的边距.不是一个优雅的解决方案,但有效的是减少上限.

p { margin-top: -20px; }

Answer 3

CSS margin属性可用于影响所有段落:

p {
  margin: XXXem;
}

替换XXX为您想要的值; 没有任何空间用于:

p {
  margin: 0em;
}

Answer 4

<style type="text/css">
 p {margin-bottom: -1em;  margin-top: 0em;} 
</style>

这对我来说完全有效。段落位于彼此的正下方。当我对两个边距都使用 0em 时，行之间仍然留有一些空间。我在浏览器中使用了开发人员工具，尝试使用 -1em 并且它有效。