css - 为什么文本行之间有很大的空白区域？

Question

我正在网站上工作，目前正在使用中间盒。 新闻将在中间框中，但文本行之间有一个很大的空白区域。

看起来像这样：

我怎样才能使线条彼此靠近。

例如：

Hello World！
这是一个测试

而不是

Hello World！

这是一个测试

我正在使用< p >代码。

我无法找到任何能解决问题的方法。 没有填充会影响它，也没有任何边际或其他东西。 我还尝试将行高应用于<p>代码

Answer 1

设置段落之间的空格，只需设置边距：

p{
    margin-bottom: 0px; // or any other value
}

并设置段落中行的间距使用line-height！

Answer 2

＆＃13;

＆＃13;

p,h2{
    line-height:0px
    }

＆＃13;

<h2>Hello world</h2>
<p>ajsdkjahsdhalkshdklashdkjhasjdklajshdkjashdl</p>
<p>ajsdkjahsdhalkshdklashdkjhasjdklajshdkjashdl</p>

＆＃13;

＆＃13;

＆＃13;

您可以使用line-height CSS属性，它可以让您根据需要更改差距

Answer 3

可能是line-height，或者您可能在margin上设置了padding / p

Answer 4

您可以为此添加css。使用如下。它将根据你的设置减少2行之间的空间高度。

<style>
p {
    line-height: 100%;
}

</style>

Answer 5

基本上<p>标签适用于新的alinea。如果您想逐行打印，我建议使用<br />，这样可以让您的内涵更加清晰。

此外，您可以将边距设置为0，正如其他人指出的那样。最好在单独的span / div中执行此操作，以免影响页面的其余部分。示例如下。

＆＃13;

＆＃13;

.no-space-p p {
    margin: 0;
    padding: 0;
}

＆＃13;

<p>First line</p>
<p>Second line</p>

<p>Third line
    <br/>Fourth line</p>

<span class="no-space-p">
    <p>Fifth line</p>
    <p>Sixth line</p>
</span>

＆＃13;

＆＃13;

＆＃13;

Answer 6

<style>
p {
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
}
</style>

你也可以试试这个