在Wordpress中刪除HTML中的行之間的空格

我試圖擺脫當前在我的行之間存在的討厭的空間。爲了編輯原因（粗體，正常，顏色），我將它們分開了不同的標題。我如何刪除這個空間？在Wordpress中刪除HTML中的行之間的空格

見下

<h3><span style="font-size: 14px;">XXXXXXXXX</span></h3> 
<h4><span style="font-size: 14px;">XXXXXXXXXXXXXXX<a href="mailto:XXXXXXXXXXXXXX">XXXXXXXXXXXXX/a> </span></h4>

來源

2014-04-29 user3565453

兩件事情。首先，您的鏈接沒有正確關閉。其次，你指的是哪個空間？ – j08691

@ j08691可能的邊距和填充。 –

@JuanMendes - 這就是我不清楚的。如果它是標題的填充/邊距，那麼很簡單，但爲什麼OP會說「爲了編輯的原因，我將它們用不同的標題分開」。對我不明確。 – j08691

使用CSS

<h3 style="padding:0; margin:0"><span style="font-size: 14px;">XXXXXXXXX</span></h3>

理想情況下，你會在一個單獨的文件

h3, h4 { 
    padding: 0; 
    margin: 0; 
}

如需進一步的控制，你可以添加類名定義的CSS（這樣它並不適用於所有的h3s），並選擇填充/邊緣邊

<h3 class="news">...</h3> 

h3.news { 
    padding-bottom: 2px; 
    padding-top: 5px; 
    margin-left: 3px; 
}

來源

2014-04-29 17:27:59

這工作謝謝你。如果我想控制圖像和這些標題之間的距離，我是否使用類似的方法？這是用於BIO頁面... .staff照片然後名稱，標題，聯繫人下面 – user3565453

@ user3565453您可以更改爲填充量和邊距。 –

爲h3和h4標籤添加這個CSS選擇器：

h4, h3 { 
    padding:0; 
    margin:0; 

}

Example

來源

2014-04-29 17:29:38 potashin

這是一個CSS元素選擇器，而不是類選擇器。我認爲你正在尋找的術語是CSS規則集。 https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax –

@Juan Mendes：謝謝:) – potashin

謝謝。這工作 – user3565453

在Wordpress中刪除HTML中的行之間的空格

回答

相關問題