如何减less<p>标签之间的空间?

我有一个页面,我正在转换为PDF。 这个页面包含了很多段落,它们并不都适合于一个页面。 如果我可以减less<p>标签之间的间距,这将有助于更好地适应。 这可能吗? 谢谢。

使用CSS:

 p { margin:0 } 

尝试这个美妙的插件http://www.getfirebug.com 🙂

CSS的margin属性可以用来影响所有段落:

 p { margin: XXXem; } 

用您想要的值replaceXXX ; 根本没有空间可用:

 p { margin: 0em; } 

如上所示, 问题是在呈现时间之前的<p>标记之前的空白。 不是一个优雅的解决scheme,但有效的是减less顶部边缘。

 p { margin-top: -20px; } 

我发现这样做是为了给更多的书风格的段落:

 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 (“M”)单位,而不是px单位,它使风格独立于字体大小。 填充顺序是:顶部,右侧,底部,左侧。

一个更现实的例子:

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

这完全为我工作。 段落正好在彼此之下。 当我用两个边距0em时,线条之间还剩下一些空间。 我在我的浏览器中使用了开发人员工具,尝试使用-1em,它工作。

我会build议设置填充和边距为0。

如果这不能解决你的问题,你可以尝试使用线高来玩,即使没有build议。

减less段落之间的空间。 如果你正在使用博主,你会去模板,“自定义”,然后find“添加CSS”,并粘贴:p {margin:.7em 0 .7em 0} / *减less之间的空间

从全线到约。 1/2行* /如果您只是标记您的网页,那么您仍然可以使用它,只需将其放入您的css文件即可。

我在上世纪70年代末80年代初曾经是一名sgml模板devise师,所有这些标记都只是sgml中的一个dtd(即使他们现在正试图说html5 / css3是“不”,是的,仍然是)。 :)

你也可以在w3schoolsfind所有这些基本信息。 真的,如果你正在学习如何使用标签或甚至JavaScript等布局,你应该从w3schools开始。 有些人认为这并不总是对的,但是从1960年以来,我一直在IT(12岁)和w3schools最适合初学者。 那里有一些错误吗? 啊,我不知道,我没有发现任何错误,虽然有时如果你是一个初学者,你可能需要阅读两个观点,以真正掌握一些东西的感觉。 但是请记住,当你编写一个网页时,你不是编程,你只是在做布局工作。 (大喊你所有人,这就是事实。)

上面的答案都不适用于我,但是这样做 – 使用<P style='line-height: 8px;'>来replace<p>在任何需要的地方(或者把它放在style标签中,比如<style>P {line-height: 8px;}</style>来影响所有的<p>标签)。 我意识到毛罗这样说,但是如果有人来这里寻求帮助,我希望他们想看一个例子。

如果您要将HTML文档转换为PDF页面,但页面会溢出到两页上,请尝试缩小字体大小。 当然,您也可以减less段落间的间距(带有CSS margin-top / margin-bottom样式),甚至可以减less带有页边距的左右水槽。 但在我看来,保持比例,只是使文本略小:

 p { font-size: 90%; } 

要么

 body { font-size: 9.5pt } 

<p> </p>replace为&nbsp;
添加尽可能多的&nbsp; 如所须。

我通过这个解决了同样的问题。 只是分享它。