CSS:减少文本的行间距?

时间:2013-08-09 16:10:10

标签: html wordpress css pagelines

我很难减少CSS行高(或高度 - 我试过两者)的文本行之间的间距。

我有一小段文字,间距是关闭的。我已经尝试修改(似乎)应用的样式,并将文本括在<span>...</span>中并明确声明样式。似乎没什么用。

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

我已将行高降低到1%并将其降低到1px无效。

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

3 个答案:

答案 0 :(得分:33)

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

请参阅Fiddle

解决方案:从正文中删除行高,或将跨度转换为块(即将其设为div;不要将display:block赋予跨度)。

答案 1 :(得分:19)

添加display:block&amp;删除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

答案 2 :(得分:1)

你有line-height: 21px; 在身体里。删除它,它应该工作。