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

一个更真实的例子：

p { margin: 10px 0;}

Answer 5

我发现这可以提供更多的书籍风格段落：

p.firstpar {
  margin-top: 0;
  text-indent: 2em;
  padding: 0 5px 0 5px;
}
p.nextpar {
  margin-top: -1em;
  text-indent: 2em;
  padding: 0 5px 0 5px;
}

使用em（＆＃34; M＆＃34;）单位，而不是px单位，它使样式独立于字体大小。填充按顺序排列：顶部，右侧，底部，左侧。

Answer 6

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

这完全适合我。段落正好在彼此之下。当我使用0em作为边距时，两行之间仍然留有一些空间。我在我的浏览器中使用了开发人员工具，尝试使用-1em并且工作正常。

Answer 7

我建议将填充和边距设置为0。

如果这不能解决您的问题，即使没有推荐也可以尝试使用行高。

Answer 8

减少段落之间的空间。如果您使用的是博客，则可以转到模板，自定义＆＃39;然后找到＆＃39;添加css＆＃39;并粘贴此： p {margin：.7em 0 .7em 0} / *将

之间的空间从实线缩小到约。 1/2线* / 如果您只是标记您的网页，那仍然是您要使用的网页，只需将其放入您的css文件中即可。

我是70年代末/ 80年代初期的sgml模板设计师，所有这些标记只是sgml中的一个dtd（即使他们现在试图说html5 / css3是＆＃39;不是＆＃39;，是的它仍然是。）:)

你也可以在w3schools找到所有这些基本信息。真的，如果你正在学习如何使用标记或甚至javascript等进行布局，你应该从w3schools开始。有人说它并不总是＆＃39;是的，但是伙计们，我从1960年（12岁）开始从事IT工作，而w3schools对初学者来说是最好的。那里有些不对劲吗？啊，我不知道，我没有发现任何错误，虽然有时如果你是初学者，你可能需要阅读两个观点来真正掌握某种意义。但是请记住，当您编写网页时，您不是在编程，而只是在进行布局工作。（你们所有人都想要的人，这就是它的真相。）

Answer 9

上述答案都不适合我，但确实如此 - 在需要的地方使用<P style='line-height: 8px;'>替换<p>（或将其放在<style>P {line-height: 8px;}</style>等样式标记中以影响所有<p> dydz = (1-x)z**(-x) 1}}标签）。我意识到毛罗说过这个，但是如果有人来这里寻求帮助，我希望他们能够看到一个例子。

Answer 10

将margin-bottom和margin-top都设置为0em会删除段落之间的空格：

Type the file name : chrome

Answer 11

尝试

margin: 0;
padding: 0;

如果这不起作用，请尝试

line-height: normal;

Answer 12

如果您要将HTML文档转换为PDF页面，但页面会溢出到两个页面，请尝试缩小字体大小。当然，您也可以减少段落之间的间距（使用CSS margin-top / margin-bottom样式），甚至可以减少带有边距的左右排水沟。但在我看来，保持比例并让文字变得更小：

p { font-size: 90%; }

或

body { font-size: 9.5pt }

Answer 13

将<p> </p>替换为 
根据需要添加 个。{/ p>

我解决了同样的问题。只是分享它。

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

13 个答案: