1

在我的站点中，每行之间都有很大的空间。这是该部分的 css 部分。我已经尝试过 line-height 但它在那里不起作用。

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

}

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

4

5 回答 5

0

对于帖子标题使用

    #site-generator .widget_recent_entries a{
    line-height:14px;
    }
于 2013-07-27T10:46:26.137 回答
0

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

.widget-area ul li {
    font-size: 11px;
    height: 16px; /* example */
    line-height: 0.8em;
}
于 2013-07-27T10:52:58.120 回答
0

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

您在 style.css中设置了2.2emon的 line-height。如果该样式被删除，它将在 style.css中使用for#site-generator的行高。1.625body, input, textarea

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

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

于 2013-07-27T10:53:39.970 回答
0

在

.widget-area ul li {width:auto !important;line-height:18px;}
于 2013-07-27T10:54:47.227 回答
0

似乎您需要height从此处删除该属性：

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

和这里：

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

或者将这些heights 设置为auto

于 2013-07-27T10:54:49.663 回答