CSS：减少文本的行距？答案

【问题标题】：CSS: reducing line spacing of text?CSS：减少文本的行距？
【发布时间】：2013-08-11 15:32:20
【问题描述】：

我在使用 CSS 行高（或高度 - 我都尝试过）来减小文本行之间的间距时遇到了困难。

我有一小段文字，并且间距已关闭。我尝试修改（似乎）适用的样式，并将文本括在... 中并明确声明样式。似乎没有任何效果。

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

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

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

【问题讨论】：

【解决方案1】：

内联元素不支持line-height等属性；它们采用最近的块父级的行高。

解决方案：从正文中删除 line-height，或者将 span 变成一个块（即，将其设为 div；不要将 display:block 给 span）。

【讨论】：

【解决方案2】：

添加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 属性here。

【讨论】：

你可能应该向他解释为什么添加显示块有助于跨度。这肯定会使您的答案更加有用。希望你不介意我的建议。
你不应该把display:block放在一个跨度上。它没有任何用处，我将其归类为元素滥用。把它变成一个 div。
谢谢！事实证明，把它变成一个
让它工作得很好。
@user2649496 你是一天的 Savoir，通过使用 <div> + line-hieght:1 !important 解决了我的问题。我在 标签中使用了我的文本，但没有工作，所以谢谢

【解决方案3】：

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

【讨论】：