26

我很难使用 CSS 行高(或高度 - 我都尝试过)来减少文本行之间的间距。

我有一小段文字,并且间距已关闭。我尝试修改(似乎)适用的样式,并将文本括在 a 中<span>...</span>并明确声明样式。似乎没有任何效果。

该站点是一个使用 Pagelines“lite”主题的 Wordpress 站点。URL 是http://stage.dsthree.com并且问题在首页(您可以在文本的第四列中看到它,就在小文本中的“电子邮件订阅”框下方 - 行距文本已关闭。这个网站不允许我发布屏幕截图,因为我是新来的。

我已将 line-height 降低到 1% 和 1px 没有效果。

非常感谢任何有关如何减少空白的帮助、指示或建议!

4

3 回答 3

42

内联元素不支持诸如line-height;之类的属性。它们采用最近的块父级的行高。

小提琴

解决方案:从body中去掉line-height,或者把span变成一个block(即把它变成一个div;不要给display:blockspan)。

于 2013-08-09T16:20:15.463 回答
21

添加display:block和删​​除height.

<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>

您可以在此处了解有关display:block财产的更多信息。

于 2013-08-09T16:14:14.060 回答
1

你有一个line-height: 21px; 在体内。删除它,它应该可以工作。

于 2013-08-09T16:16:04.517 回答