删除<p>之间的间距

Question

我想删除段落之间的空格,以便我的所有文本之间没有任何空间,但我不知道我应该使用哪个属性.

我知道line-height,但尝试搞乱不同的价值观,找不到正确的价值观.

示例代码:

<style>
p
{
  margin:0;
  padding:0;
  font-size:60px;
}
div
{
  margin:0;
  padding:0;
  background-color:red;
}
</style>
<div>
  <p>test</p>
  <p>test</p>
</div>

代码图片(我想删除"test"和"test"之间的空格):

Answer 1

第一<p>组：margin-bottom:0;和第二<p>组：margin : 0; padding-top:0;同时。它应该是这样的：

<p style="margin-bottom:0;">
    test
</p>
<p style="margin : 0; padding-top:0;">
    test
</p>

Answer 2

那个空间不在段落之间.这是给予角色本身的空间.类型周围有空白区域(部分是为了容纳上升和下降器).

如果要删除文本行之间的空格,则需要将文本放入同一段落中,并调整行高.

但即便如此,请注意,您将永远不会得到这一点,因为每种字体和字体都会有不同的指标,并且您不会总是知道最终用户屏幕上显示的确切字体.使用Web字体可以让您更容易预测.

Answer 3

看看这个：http : //jsfiddle.net/a45Mm/

HTML

<p>The quick brown fox jumps over the lazy dog.</p>

<p id='p2'>The quick brown fox jumps over the lazy dog.</p>

CSS

p {
    font-size : 30px;
    background-color : #cfc;
    padding : 0;
    margin : 0;
    line-height : 20px;
}
#p2 {
    background-color : #fcc;
}

您需要使用以下所有三个属性

1. margin : 0 ：这将删除两个段落之间的空格。
2. padding : 0 ：这将删除每个段落的边框和文本之间的空间
3. line-height : 20px：这将减少每个段落中不同行之间的间距。0此属性的值会将所有行合并为一条与所有内容重叠的行。