css - 爲什麼文本行之間有一個很大的空白？

-1

我正在一個網站上，目前正在中間的方框。的新聞會在中間框，但文本行之間的一個大空白。css - 爲什麼文本行之間有一個很大的空白？

它看起來像這樣： enter image description here

我如何才能讓線條更接近對方。

例如：

的Hello World！
這是一個測試

，而不是

的Hello World！

這是一個測試

我正在使用<p>標籤。

我找不到任何會解決它。沒有填充會影響它，也沒有保證金或任何東西。我也試着將行高爲<p>標籤

來源

2014-12-31 halmi4

你肯定你已嘗試設置'margin'和'padding'爲0？ –

嘗試添加'* {margin：0; padding：0;}'，否則請使用devtools檢查DOM並確定是什麼導致了空間+如果您需要更好的答案共享您的代碼。 –

p,h2{ 
 
    line-height:0px 
 
    }

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

可以使用line-height CSS屬性，它可以讓你改變差距所需

來源

2014-12-31 13:01:49 Tushar

我已經試過:( – halmi4

哦！它實際上現在工作！謝謝你：D – halmi4

@ halmi4請參閱我的回答....你可以使用填充底部... ...很多選項可用 – Tushar

它可能是line-height，或者您可能已設置margin/padding上的p

來源

2014-12-31 13:04:23 SKeurentjes

設置各段之間的空間，只需設置頁邊距：

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

，並設置線的間距段落使用line-height！

來源

2014-12-31 13:05:04 goseo

您可以爲添加CSS。使用如下。根據你的設定，它將減少2條線之間的空間高度。

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

</style>

來源

2014-12-31 13:06:47

基本上<p>標籤是用於新的阿利內斯。當您想通過行打印的東西線我建議使用<br />，這使得你的內涵更加清晰。

此外，您可以在邊距設置爲0，正如其他人指出。最好以單獨的跨度/ div來完成，因爲不會影響頁面的其餘部分。下面的例子。

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

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

來源

2014-12-31 13:07:07

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

你也可以試試這個

來源

2014-12-31 13:08:26

css - 爲什麼文本行之間有一個很大的空白？

回答

相關問題