<p>元素之间的空间(不是边距?示例)</p>

时间:2014-04-14 11:22:12

标签: html css

嘿我正在编写这个基本的论坛软件,并且在每个帖子中<p>元素之间存在着巨大的差距,我可以通过降低线高来减小它们的大小。 http://www.uk-sf.com/forums.php?view=topic:102 如果你转到这个链接,你可以看到其中一个主题,其中所有帖子都有这些间隔<p>个元素。

Squadron Leader Butler的帖子特别有很多写作,所以你可以看到P元素之间的差距过大。

如果你能帮助解决造成这种差距的原因以及如何摆脱它。

2 个答案:

答案 0 :(得分:2)

pre元素中的文本以固定宽度字体显示,并保留空格和换行符。

DEMO

<pre>
this is example
this     is     example
this is example
</pre>

http://www.w3schools.com/tags/tag_pre.asp

答案 1 :(得分:0)

您的问题是您在帖子周围使用<pre>块。 (默认情况下,pre元素不会折叠HTML空格。)

应该删除前。

或者,您可以在.postbody pre中将whitespace设置为正常,如下所示:.postbody pre { white-space: normal. }