如何调整线条之间的空格

Question

在我的网站中，每行之间有一个很大的空间。这是该部分的css部分。我已经尝试了行高，但它不能在那里工作。

#site-generator a {
color: #5D45A3;
font-weight: normal;
text-decoration: none;

}

您可以查看网站here。检查页脚区域“最新消息”。我想减少每个帖子名称之间的空间。

Answer 1

对于帖子标题，请使用

    #site-generator .widget_recent_entries a{
    line-height:14px;
    }

Answer 2

只需根据您的需求调整样式表中的height值即可。 行高应该可以调整两行之间的空间。

.widget-area ul li {
    font-size: 11px;
    height: 16px; /* example */
    line-height: 0.8em;
}

Answer 3

在您喜欢的浏览器中按F12进入开发者控制台（我相信这适用于最新版本的IE，FF和Chrome）。检查具有如此异常高度的a元素。这表明：

您在style.css中的2.2em上设置了#site-generator的行高。如果删除该样式，则会在style.css中使用1.625的行高body, input, textarea。

该菜单中两个li之间的距离由.widget-area ul li定义，且为23px。如果删除该样式，则使用.widget ul li的css，其高度为16px。

您需要更改第一个，以便将一个链接的文本放在一起。你需要改变第二个，以便将不同的链接放在一起。

Answer 4

in

.widget-area ul li {width:auto !important;line-height:18px;}

Answer 5

好像你需要从这里删除height属性：

.widget-area ul li {
  font-size: 11px;
  /* height: 23px; */ /* <- remove */
}

在这里：

.widget ul li {
  font-size: 11px;
  /* height: 16px; */ /* <- remove */
}

或将这些height设为auto