删除<p> </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

这段空间不在段落之间。这是给予角色本身的空间。类型周围有空白区域（部分是为了容纳上升和下降）。

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

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

Answer 2

检查出来：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值将使一行中的所有行重叠所有内容。

Answer 3

问题可以通过行高解决，请查看fiddle。

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

Answer 4

您可以调整线条高度以获得您正在寻找的最小间距。

小提琴：http://jsfiddle.net/chucknelson/UtwXk/

p
{
  margin: 0;
  padding:0;
  font-size:60px;
  line-height: .75em;
}

Answer 5

我认为你要找的是行高：1em。 em相对于font-size，因此2em意味着字体大小的两倍。

Answer 6

尝试：

margin-bottom: 0;

默认情况下，保证金底部为1em

Answer 7

同时设置第一个<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 8

<'BR'>在某些情况下会有所帮助，因此您可能需要尝试一下。

这是一个段落 我希望这件东西分开

Answer 9

我发现将此 CSS 代码添加到第一行：

.p1{
  margin-bottom:0px;
}

然后到下一行：

.p2{
  margin : 0; 
  padding-top:0;
}

成为最有效的解决方案。

Answer 10

你可以这样做

<p style="  margin-bottom: -10px;"> <!--Choose wanted number-->
    test
</p>
<p>
    test
</p>

Answer 11

间距是由字体类型决定的。如果您希望间距更小，您将需要更改字体或在相对div或部分上执行绝对位置。