如何减少小部件中的白线空间

时间:2013-02-16 04:40:40

标签: wordpress widget spacing

我有一个wordpress博客,默认情况下,每行之间基本上有两个间距,在文本小部件上留下一个空格。这与主题有关,在花了一些时间进行编码之后,我无法找到它(我对编码非常陌生并一直在教自己......

无论如何,即使使用html代码来尝试减少空间也没有真正帮助。这是我正在谈论的文本小部件的图像: Image

此外,还有指向我的网站tradingliberation.com的链接。您可以在屏幕右侧看到小部件,标签为“Key Data Calendar”。

同样,请记住,在编码时我几乎一无所知。对不起,请提前感谢您的帮助!

1 个答案:

答案 0 :(得分: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,它是内置的Code Inspector。您可以通过在浏览器窗口中按F12来打开它们。