如何減少小部件中的白線空間

Question

我有一個WordPress的博客，默認情況下，每一行之間基本上有兩倍的間距，在文本小部件上留下一個空白區域。這有一些與主題，並花了一段時間經過編碼後，我無法找到它（我是非常新的編碼，並已教我自己...

反正，即使使用html代碼嘗試以及減少空間還沒有真正幫助這裏是我說的文本組件的圖像： Image

而且也，這裏是我的網站tradingliberation.com的鏈接你可以看到右側的小部件。的屏幕上，標籤爲「關鍵數據日曆」。

再次，請記住我在編碼時幾乎不知道什麼。熱情和感謝您的幫助提前！

Answer 1

看代碼，似乎你的垂直間距的結果是line-height CSS property： （style.css文件中的行755）

#sidebar ul { 
    line-height: 24px; 
... 

要設置行高爲側邊欄的只是這一小部分，您可以將內容封裝在div標籤中，並將其應用於所需的行高。

但是，您不應該以像素爲單位定義行高。 Percentage value or EMs將是一個更好的主意。在這種情況下，您只需將其更改爲line-height: 150%;

爲了解決這類問題，您應該使用某種Web Developer工具。對於Firefox，有一個本地的，或Firebug擴展。對於Google Chrome和IE，它是內置的代碼檢查器。您可以通過在瀏覽器窗口中按F12來打開它們。