html - 删除间距

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”之间的空格）：

score 14 · Accepted Answer

第一<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>

score 7 · Accepted Answer

该空格不在段落之间。那是给角色本身的空间。字体周围有空白区域（部分是为了容纳上升和下降）。

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

但即便如此，请注意，您永远不会得到准确的结果，因为每种字体和字体都会有不同的指标，而且您并不总是知道最终用户的屏幕上会显示什么确切的字体。使用网络字体会让事情变得更容易预测。

score 5 · Accepted Answer

看看这个：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;
}

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

margin : 0：这将删除两个段落之间的空格。
padding : 0：这将删除每个段落的边框和文本之间的空间
line-height : 20px：这将减少每个段落中不同行之间的间距。此属性的0值将使所有线在一条线上重叠所有内容。

score 4 · Accepted Answer

4

尝试：

margin-bottom: 0;

默认下边距为 1em

于 2013-08-23T00:01:03.927 回答

score 3 · Accepted Answer

这个问题可以通过 line-height 来解决，检查这个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>

score 1 · Accepted Answer

我认为您正在寻找的是 line-height:1em。em 是相对于字体大小的，所以 2em 表示字体大小的两倍。

score 1 · Accepted Answer

您可以调整行高以获得所需的最小间距。

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

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

score 0 · Accepted Answer

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

.p1{
  margin-bottom:0px;
}

并且，这到下一行：

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

成为最有效的解决方案。

score 0 · Accepted Answer

你可以这样做

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

score -1 · Accepted Answer

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

这是一段我希望这一段是分开的

score -2 · Accepted Answer

间距是由于字体类型。如果您希望间距更小，则必须更改字体或在相对 div 或部分上执行绝对位置。

html - 删除间距

11 回答 11

Related

Reference