CSS:减小文本的行距？
CSS:减小文本的行距？
提问于 2013-08-10 00:10:10
我很难用CSS的行高(或者高度--我都试过了)来减少文本行之间的间距。
我有一小段文字，空格是关闭的。我已经尝试修改(似乎)适用的样式，并将文本封装在<span>...</span>中并显式声明样式。似乎什么都不起作用。
该站点是一个使用Pageline "lite“主题的Wordpress站点。网址是http://stage.dsthree.com，问题在首页(你可以在文本的第四列中看到它，就在小文本中“电子邮件订阅”框的下面-该文本的行距是关闭的。这个网站不允许我张贴截图，因为我是新来的。
我已经将线条高度减少到1%和1px，但没有任何效果。
任何关于如何减少空格的帮助、指导或建议都是非常感谢的！
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-08-10 00:20:15
内联元素不支持诸如line-height之类的属性；它们采用最近的块父级的行高。
请参阅Fiddle
解决方案:从主体中删除行高，或者将跨度转换为块(例如，将其设置为div；不要将display:block赋予跨度)。
Stack Overflow用户
发布于 2013-08-10 00:14:14
添加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 property 的更多信息。
Stack Overflow用户
发布于 2013-08-10 00:16:05
你身体里有一个line-height: 21px;。去掉它，它应该可以工作了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18151124
复制相关文章
相似问题
腾讯云开发者
